d1b8fc8b5bed07dc4fa52dc1d7563cc7ea9622d1
[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   question
23   tabs
24   user
26   various modules
28 *******************************************************************/
31 /***
32  *** Core
33  ***/
35 h1.main,
36 h2.main,
37 h3.main,
38 h4.main,
39 h5.main,
40 h6.main {
41   text-align: center;
42 }
44 #layout-table {
45   width:100%;
46   border-collapse:separate;
47   margin-top: 8px;
48 }
50 #layout-table #left-column,
51 #layout-table #middle-column,
52 #layout-table #right-column
53 {
54   vertical-align:top;
55 }
57 #layout-table #middle-column {
58   padding-left:12px;
59   padding-right:12px;
60 }
62 .clearer {
63   clear:both;
64   margin:0;
65   padding:0;
66   height:1px;
67   border:none;
68   background:transparent;
69   display:block;
70 }
72 .clearfix {
73   min-width: 0;
74   /* overflow: hidden; */
75 }
77 .clearfix:after {
78   /* content: "<!-- -->";  */
79   content: ".";
80   display: block;
81   height: 0;
82   clear: both;
83   visibility: hidden;
84 }
86 /* .clearfix {display: inline-table;} */
88 /* Hides from IE-mac \*/
89 * html .clearfix {height: 1%;}
90 .clearfix {display: block;}
91 /* End hide from IE-mac */
93 .mdl-align {
94   text-align: center;
95 }
97 .continuebutton {
98   text-align: center;
99 }
101 form {
102   margin-bottom:0;
105 table {
106   border-spacing: 0;
107   border-collapse: collapse;
110 a img {
111   border:none;
114 img.userpicture,
115 img.grouppicture {
116   border: 0;
119 #grouppicture {
120   text-align: center;
123 div.groupselector {
124   float: left;
125   margin-top: 3px;
126   margin-bottom: 3px;
129 #addmembersform table {
130   margin-left: auto;
131   margin-right: auto;
134 .notifyproblem {
135   text-align: center;
136   padding: 10px;
139 .notifysuccess {
140   text-align:center;
141   padding: 10px;
144 .notifytiny {
145   text-align:left;
146   padding: 0;
149 .singlebutton form,
150 .singlebutton div {
151   display:inline;
154 .generalbox {
155   border-width:1px;
156   border-style:solid;
157   margin-bottom: 15px;
158   padding:10px;
161 .generalbox#intro {
162   width:70%;
163   margin-left:auto;
164   margin-right:auto;
165   padding-bottom:15px;
168 .boxaligncenter {
169   margin-left:auto;
170   margin-right:auto;
173 .boxalignright {
174   margin-left:auto;
175   margin-right:0;
178 .boxalignleft {
179   margin-left:0;
180   margin-right:auto;
183 .boxwidthnarrow {
184   width: 30%
187 .boxwidthnormal {
188   width: 50%
191 .boxwidthwide {
192   width: 80%
195 .centerpara {
196   text-align:center
199 .noticebox {
200   border-width:1px;
201   border-style:solid;
202   padding:10px;
205 #notice.generalbox {
206   width: 60%;
207   margin-left:auto;
208   margin-right:auto;
211 #notice .buttons {
212   text-align:center
215 #notice .buttons div,
216 #notice .buttons form {
217   display:inline;
220 #notice .singlebutton {
221   text-align:center;
222   padding: 5px;
223   margin: 0px;
226 .errorbox {
227   border-width:1px;
228   border-style:solid;
229   margin: 1em 15%;
230   width: 70%;
231   padding:10px;
234 .errorbox .title {
235   padding: 5px;
238 .informationbox {
239   border-width:1px;
240   border-style:solid;
241   padding: 10px;
244 .feedbackbox {
245   border-width:1px;
246   border-style:solid;
249 .feedbackby {
252 .feedback {
255 .generaltable {
256   border-width: 1px;
257   border-style: solid;
260 .generaltable .cell {
261   border-width: 1px;
262   border-style: solid;
263   border-collapse: collapse;
266 #participationreport .reporttable {
267   text-align: center;  
268   margin-left:auto; 
269   margin-right:auto;
272 #participationreport {
273   text-align: center;
276 #participationreport .modulename {
277   font-weight: bold;
280 #participationreportselector {
281   text-align: center;
284 #participationreportactions {
285   text-align: center;
288 .initialbar {
289   text-align: center;
292 #help .indent {
293   margin-left:3em;
296 .closewindow,
297 #help .helpindex {
298   text-align: center;
301 .tabledivider {
302   border-width:1px;
303   border-style:solid;
304   border-left:0;
305   border-right:0;
306   border-top:0;
309 .sitetopic {
310   margin-bottom:20px;
313 .sitetopiccontent {
314   border-width:1px;
315   border-style:solid;
318 .pagingbar {
319   text-align:center;
322 .pagingbar a {
323   padding-left: 10px;
326 .pagingbar .thispage {
327   padding-left: 10px;
330 table.formtable {
331   margin: auto;
334 table.formtable tbody th {
335   vertical-align: top;
338 table.formtable tbody td,
339 table.formtable tbody th
341   padding: 5px;
344 table.formtable tbody .htmlarea td,
345 table.formtable tbody .htmlarea th
347   padding: 0;
350 .flexible th
352   white-space: nowrap;
355 .paging {
356   text-align: center;
357   margin: 10px 0 10px 0;
360 .unread {
361   padding-right:2px;
364 .cell {
365   vertical-align: top;
368 .helplink img {
369   vertical-align: middle;
370   margin: 0 2px;
371   width: 17px;
372   height: 17px;
375 img.emoticon {
376   vertical-align: middle;
377   width: 15px;
378   height: 15px;
381 form.popupform,
382 form.popupform div {
383     display: inline;
386 form.popupform label {
387   margin-right: 0.5em;
390 .arrow_button {
391   margin-top:3em;
394 .arrow_button input {
395   width:2.4em;
396   padding:0.3em;
397   overflow:hidden;
400 .groupmanagementtable td {
401   vertical-align: top;
404 .groupmanagementtable p {
405   text-align: center;
408 .groupmanagementtable select {
409   width: 18em;
412 img.icon {
413   vertical-align:middle;
414   margin-right:4px;
415   width:16px;
416   height:16px;
417   border:0px;
420 img.iconsmall {
421   vertical-align:middle;
422   margin-right:1px;
423   width:11px;
424   height:11px;
425   border:0px;
428 img.iconhelp {
429   vertical-align:middle;
430   margin-right:4px;
431   width:17px;
432   height:17px;
433   border:0px;
436 img.iconkbhelp {
437   width:49px;
438   height:17px;
439   border:0px;
442 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
443 .accesshide {
444   position:absolute;
445   top:-1000px;
446   left:10px;
447   font-weight:normal;
448   font-size:1em;
451 .invisiblefieldset {
452   display:inline;
453   border:0px;
454   padding:0px;
455   margin:0px;
458 span.hide,
459 div.hide {
460   display:none;
463 /***
464  *** Forms
465  ***/
467 .mform {
468   margin: 0 auto;
469   padding: 0;
470   width: 80%;
472 .mform fieldset {
473   border: 1px solid #DDDDDD;
474   padding: 10px 0;
475   margin: 0.7em 0;
476   width:100%;
478 .mform fieldset.hidden, .mform fieldset.felement {
479   border: 0;
481 .mform fieldset.felement {
482   width: auto;
484 .mform fieldset legend {
485   font-weight: bold;
486   margin-left: 0.5em;
488 .mform fieldset .advancedbutton{
489    width:100%;
490    text-align:right;
492 .mform div.fitem {
493   clear: both;
494   width: 100%;
495   min-height: 1.5em;
498 .mform .fitemtitle {
499   display: block;
500   float: left;
501   width: 30%;
502   padding: 0;
503   margin: 5px 0 0 10px;
504   text-align: right;
507 .mform .fitemtitle div{
508   display: inline;
511 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
512 fieldset.fdate_selector label {
513   display:inline;
514   float: none;
515   width: auto;
518 .mform div.felement,  .mform fieldset.felement{
519   display: block;
520   float: left;
521   margin: 5px 0 0 10px;
522   padding: 0;
523   text-align:left;
524   width: 60%;
527 .mform div.fdescription {
528   clear: both;
529   min-height: 1.5em;
532 .mform .fdescription.required {
533   text-align:right;
536 .mform input, .mform select {
537   width: auto;
539 .mform ftextarea {
541 .mform br {
542   clear: left;
544 .mform div.fhtmleditor {
545   margin: 0 auto 10px auto;
546   width : 600px;
547   clear:both;
548   float:none;
549   padding: 25px 0 20px 0;
551 .mform span.error, .mform span.required {
552   color: red;
554 .mform div.error,.mform fieldset.error {
555   border: 1px solid red;
556   padding: 5px;
557   color: inherit;
559 .mform .fcheckbox input {
560   margin-left: 0px;
562 .mform .fpassword .unmask {
563   display:inline;
565 .mform .fpassword .unmask input {
566   margin-left:5px;
567   margin-right:3px;
570 form#adminsettings div.htmlarea {
571   clear: left;
572   padding-top: 5px;
575 .mform label .req, .mform label .adv {
576   cursor: help;
579 /* form frozen */
580 div.mform div.fitem div.fstatic{
581         border-color : lightgrey;
582         border-style : dashed;
583         border-width : thin;
586 #admin-register .mform .fsubmit {
587   padding:20px;
588   text-align:center;
591 div.phpinfo .center{
592   text-align: center;
595 div.phpinfo .center table {
596   margin-left: auto;
597   margin-right: auto;
598   text-align: left;
601 div.phpinfo .center th {
602   text-align: center;
605 /***
606  *** Header
607  ***/
609 .headerskip {
610   position:absolute;
611   right:20em;
612   font-size:0.8em;
615 #header-home {
618 #header {
621 .headermain, h1.headermain {
622   float:left;
623   margin:0;
624   padding:0;
627 .headermenu {
628   float:right;
629   text-align:right;
632 .navigation li,
633 .navigation div,
634 .navigation button,
635 .navigation form {
636   display: inline;
639 .navbar {
640   width:auto;
641   padding:3px 0.5em;
642   border-width:1px;
643   border-style:solid;
646 .navbar .langmenu {
647   text-align:right;
650 table.navbar {
651   width: 100%;
654 .navbar .navbutton {
655   margin-top: 3px;
656   float: left;
659 .navbar .navbutton div,
660 .navbar .navbutton form {
661   display:inline;
662   margin:0px;
663   padding:0px;
666 .navbar .breadcrumb {
667   float:left;
668   margin:0.2em 0;
671 .breadcrumb ul {
672   padding:0;
673   margin:0;
674   text-indent:0;
675   list-style:none;
677 .breadcrumb li {
678   display:inline;
681 .navbar .navbutton,
682 .navbar .menu {
683   float:right;
686 #footer .navbar {
687   margin-top: 4em;
690 .reportlink {
691   text-align:right;
694 .navigation ul {
695   margin:0px;
696   padding:0px;
697   list-style-type:none;
700 .navigation ul li form,
701 .navigation ul li {
702   display:inline;
703   margin:0px;
704   padding:0px;
705   margin-left:2px;
708 .navigation optgroup {
709   text-align:center;
710   padding-top:4px;
713 .navigation option {
714   text-align:left;
717 .navigation optgroup option {
718   padding:0px;
721 #navmenupopup option,
722 #navmenufooterpopup option {
723   padding: 2px 0 2px 20px; 
724   background-repeat: no-repeat; 
725   background-position: 1px 2px; 
726   vertical-align: middle;
729 /***
730  *** Footer
731  ***/
733 #footer {
734   text-align:center;
735   margin-top: 40px;
738 .homelink {
739   margin: 1em 0;
742 .homelink a {
743   padding-left:1em;
744   padding-right:1em;
747 .performanceinfo {
748   margin: 2em;
751 .performanceinfo span {
752   display: block;
755 #footer .validators {
756   margin-top:40px;
757   padding-top:5px;
758   border-top: 1px dotted gray;
761 #footer .validators ul {
762   margin:0px;
763   padding:0px;
764   list-style-type:none;
767 #footer .validators ul li {
768   display:inline;
769   margin-right:10px;
770   margin-left:10px;
773 /***
774  *** Filters
775  ***/
776 span.mediaplugin {
777   display:block;
778   clear:both;
779   margin-top:5px;
780   margin-bottom:5px;
783 span.mediaplugin_mp3 {
784   display:inline;
785   clear:none;
786   margin:0px;
787   margin-left:0.5em;
791 /***
792  *** Admin
793  ***/
795 body#admin-index .c0 {
796   vertical-align: top;
799 body#admin-index .c1 {
800   vertical-align: middle;
803 body#admin-blocks table.generaltable th,
804 body#admin-filters table.generaltable th,
805 body#admin-modules table.generaltable th,
806 body#admin-auth table.generaltable th
808   white-space: nowrap;
811 body#admin-modules .generaltablecell
813   padding-top: 2px;
814   padding-bottom: 2px;
817 body#admin-blocks table.generaltable th,
818 body#admin-blocks table.generaltable td.cell,
819 body#admin-filters table.generaltable th,
820 body#admin-filters table.generaltable td.cell,
821 body#admin-modules table.generaltable th,
822 body#admin-modules table.generaltable td.cell,
823 body#admin-auth table.generaltable th,
824 body#admin-auth table.generaltable td.cell
826   padding: 4px;
827   text-align: center;
828   vertical-align: middle;
831 body#admin-blocks table.generaltable th.c0,
832 body#admin-blocks table.generaltable td.c0,
833 body#admin-filters table.generaltable th.c0,
834 body#admin-filters table.generaltable td.c0,
835 body#admin-modules table.generaltable th.c0,
836 body#admin-modules table.generaltable td.c0,
837 body#admin-auth table.generaltable th.c0,
838 body#admin-auth table.generaltable td.c0
840   text-align: left;
843 body#admin-modules table.generaltable td.c0
845   white-space: nowrap;
848 #admin-blocks
849 #admin-config .confighelp {
850   display: block;
851   padding-bottom: 20px;
854 #admin-roles-manage table.generalbox {
855   margin: auto;
858 #admin-stickyblocks .generalbox {
859   text-align:center;
862 #admin-index .copyrightnotice {
863   margin: auto;
864   text-align: center;
867 #admin-report-simpletest-index .exception pre {
868   padding: 8px;
871 #admin-report-simpletest-index .unittestsummary {
872   padding: 8px;
873   margin-top: 1em;
876 #admin-roles-allowassign .buttons,
877 #admin-roles-allowoverride .buttons,
878 #admin-roles-manage .buttons,
879 #admin-roles-override .buttons {
880   margin: 20px;
881   text-align:center;
884 #admin-roles-manage .buttons .singlebutton,
885 #admin-roles-override .buttons .singlebutton {
886   display: inline;
887   padding: 5px;
890 #admin-roles-manage .selector,
891 #admin-roles-override .selector {
892     text-align:center;
895 #admin-roles-manage table.roledesc,
896 #admin-roles-override table.roledesc {
897   margin-left:auto;
898   margin-right:auto;
901 #admin-roles-manage table.rolecap,
902 #admin-roles-override table.rolecap {
903   margin-left:auto;
904   margin-right:auto;
907 .rolecap .inherit,
908 .rolecap .allow,
909 .rolecap .prevent,
910 .rolecap .prohibit {
911   text-align:center;
914 #admin-roles-manage .rolecap .cap-desc .cap-name,
915 #admin-roles-override .rolecap .cap-desc .cap-name {
916   display: block;
919 #admin-roles-override .cell.c1,
920 #admin-roles-assign .cell.c1 {
921   padding-top: 0.75em;
924 #admin-lang .generalbox {
925   text-align:center;
926   margin:auto;
927   border-width: 1px;
928   border-style: solid;
931 #admin-langimport .generalbox {
932   text-align:center;
933   margin:auto;
934   border-width: 1px;
935   border-style: solid;
938 #admin-langimport .generalbox table {
939   text-align:center;
940   margin:auto;
943 #admin-index .adminwarning {
944   text-align:center;
945   border-width: 1px;
946   border-style: solid;
947   margin:20px;
950 #admin-index .adminwarning .singlebutton,
951 #admin-index #layout-table .singlebutton {
952   text-align:center;
953   margin:20px;
956 #adminsettings fieldset {
957   margin-top: 1em;
958   padding: 1em 0.5em;
961 #adminsettings legend {
962   display: none;
965 #adminsettings .form-group {
966   float: left;
969 #adminsettings .form-item {
970   margin: 0;
973 #adminsettings label {
974   display: block;
975   float: left;
976   width: 150px;
977   text-align: right;
980 #adminsettings .form-shortname {
981   display: block;
984 #adminsettings select,
985 #adminsettings input {
986   float: left;
987   margin: 0 0 0 10px;
990 #adminsettings textarea {
991   float: left;
992   margin: 0 0 0 10px;
993   width: 65%;
996 #adminsettings .form-group select,
997 #adminsettings .form-group input {
998   display: inline;
999   float: none;
1003 /* #adminsettings .admin-configtime .form-select {
1004   display: inline;
1005   float: none;
1008 #adminsettings div.admin-frontpage div.form-group select.form-select {
1009   display: inline;
1010   float: none;
1011 } */
1013 #adminsettings .description {
1014   clear: both;
1015   margin: 0 1em 0 160px;
1016   padding: 0.3em 0 1.5em 0;
1019 #adminsettings .form-item .unmask input {
1020   margin-left:5px;
1021   margin-right:3px;
1024 #adminsettings .form-item .unmask label {
1025   width: auto;
1026   text-align: left;
1029 .environmentbox {
1030     margin-top: 1em;
1033 .form-buttons {
1034   margin: 10px 0 0 160px;
1037 .form-text {
1038   width: 20em;
1040 .form-textarea { }
1041 .form-select { }
1042 .form-checkbox { }
1043 .form-radio { }
1044 .form-submit { }
1045 .form-reset { }
1047 .admin-frontpagedesc .htmlarea {
1048   margin: 0 auto 10px auto;
1049   width : 600px;
1052 .adminsearchform {
1053   padding-top:10px;
1056 .block_admin_tree .admintree {
1057   text-align:left;
1060 #admin-lang .translator {
1061   border-width: 1px;
1062   border-style: solid;
1065 #adminsettings #admin-calendar_weekend table {
1066   width: 100%;
1069 #adminsettings #admin-calendar_weekend table td {
1070   text-align: center;
1073 #adminsettings #admin-calendar_weekend table td label {
1074   width: 100%;
1075   text-align: center;
1076   float: none;
1079 #trustedhosts .generaltable {
1080   margin-left: auto;
1081   margin-right: auto;
1082   width: 500px;
1085 #trustedhosts .standard {
1086   width: auto;
1089 #mnetconfig table {
1090   margin-left: auto;
1091   margin-right: auto;
1094 /***
1095  *** Blocks
1096  ***/
1098 /*Accessibility: Skip block link, for screen reader users. */
1099 a.skip-block, .skip-block {
1100   display:block;
1101   width:2em;
1102   height:1px;
1104 .sideblock .skip-block {
1105   height:4px;
1107 .skip-block-to {
1108   font-size:1px;
1111 .sideblock {
1112   margin-bottom:1em;
1113   width: 100%;
1116 .sideblock .header, .sideblock h2.header {
1117   text-align: left;
1118   margin:0;
1119   padding:4px;
1120   padding-top:0;
1121   border-width: 1px;
1122   border-style: solid;
1123   border-bottom: none;
1125 .sideblock h2 {
1126   margin:0;
1127   padding:0;
1130 .sideblock .header .hide-show {
1131   float:right;
1134 .sideblock .header .hide-show img.hide-show-image {
1135   height:11px;
1136   width:11px;
1137   margin-top:0.25em;
1140 .sideblock .header .commands {
1141   margin-top: 0.3em;
1142   clear: both;
1143   height: 16px;
1146 .sideblock .header .commands a {
1147   margin: 0px 2px;
1150 #left-column .hidden .header,
1151 #right-column .hidden .header
1153   border-bottom-width: 1px;
1154   border-bottom-style: solid;
1157 #left-column .hidden .content,
1158 #right-column .hidden .content
1160   display: none;
1163 .sideblock .header .icon.hide,
1164 .sideblock .header .icon.edit {
1165   margin-right: 6px;
1168 .sideblock .content {
1169   padding: 4px;
1170   border-width: 1px;
1171   border-style: solid;
1174 .sideblock .content h3,
1175 .sideblock .content h2 {
1176   text-align: left;
1179 .sideblock .content h2 {
1180   margin:1.5em 0 0;
1181   padding:0;
1184 .sideblock .content .head {
1185   margin-top: 10px;
1188 .sideblock .content hr {
1189   height:1px;
1190   margin-top:4px;
1191   margin-bottom:4px;
1192   border:none;
1193   border-top:1px solid;
1196 .sideblock div.column {
1197   margin:0px;
1198   margin-right:4px;
1199   padding:0px;
1202 .sideblock div.column.c0 {
1203   float: left;
1206 .sideblock div.column.c1 {
1207   display: inline;
1210 .sideblock .content .c0 img.icon {
1211   margin:0px;
1214 .sideblock .content .list, .unlist, .inline-list {
1215   list-style:none;
1216   padding:0;
1217   margin:0;
1220 .sideblock .content .list {
1221   width: 100%;
1224 .sideblock .content .list li {
1225   clear: left;
1228 .sideblock .content .inline-list li {
1229   display:inline;
1232 .sideblock .content ul.list li.listentry {
1233   clear:both;
1236 .sideblock .content div.info {
1237   text-align:center;
1240 .sideblock .footer {
1241   margin-bottom: 4px;
1242   text-align:center;
1243   clear:both;
1246 .sideblock img.userpicture {
1247   width:16px;
1248   height:16px;
1249   margin-right:4px;
1252 .blockconfigtable {
1253   margin-top: 0;
1254   margin-right: auto;
1255   margin-left: auto;
1258 .blockconfigtable td.label {
1259     text-align: right;
1260     width: 50%;
1263 .blockconfigtable td.value {
1264     text-align: left;
1265     width: 50%;
1268 .blockconfigtable td.submit {
1269     text-align: center;
1272 .blockconfiginstancecontent .tabs {
1273   margin-bottom: 0px;
1274   margin-left: auto;
1275   margin-right: auto;
1278 .block_messages .content {
1279   text-align:left;
1280   font-size:0.75em;
1281   padding-top:5px;
1284 .block_recent_activitysideblock .h3 {
1285   padding-top:5px;
1288 .block_online_users .listentry div.user,
1289 .block_messages .listentry div.user {
1290   float:left;
1293 .block_online_users .listentry div.message,
1294 .block_messages .listentry div.message {
1295   float:right;
1298 .block_course_list .footer {
1299   margin-top: 5px;
1302 #rssfeeds {
1303   margin-left: auto;
1304   margin-right: auto;
1307 #block_rss {
1308   text-align: center;
1311 /***
1312  *** Blogs
1313  ***/
1314 .addbloglink {
1315   text-align: center;
1318 .blogpost .audience {
1319   text-align: right;
1322 .blogpost .tags {
1323   margin-top: 15px;
1327 /***
1328  *** Calendar
1329  ***/
1331 #calendar {
1332   width: 100%;
1333   border-spacing: 5px;
1334   border-collapse: separate;
1337 #calendar h2,
1338 #calendar h3
1340   text-align: center;
1343 #calendar .maincalendar,
1344 #calendar .sidecalendar
1346   vertical-align: top;
1347   border: 1px solid;
1348   padding: 0px;
1351 #calendar .maincalendar {
1352   height: 100%;
1355 #calendar .maincalendar .heightcontainer {
1356   height: 100%;
1357   position: relative;
1360 #calendar .maincalendar .bottom {
1361   width: 100%;
1362   text-align: center;
1363   padding:5px 0 0;
1366 #calendar .sidecalendar {
1367   width: 25%;
1370 #calendar .maincalendar table.calendarmonth {
1371   border-collapse: separate;
1372   margin: 0px auto;
1373   width: 98%;
1376 #calendar .maincalendar table.calendarmonth th {
1377   padding:10px;
1378   border-bottom:2px solid;
1381 #calendar .maincalendar table.calendarmonth td {
1382   height: 5em;
1383   padding-left: 4px;
1384   padding-top: 4px;
1385   line-height:1.2em;
1388 #calendar .maincalendar table.calendarmonth td,
1389 table.minicalendar td,
1390 table.minicalendar th {
1391   width:14%;
1392   vertical-align:top;
1394 table.minicalendar td {
1395   text-align: center;
1397 #calendar .maincalendar table.calendarmonth td table td {
1398   height: auto;
1401 #calendar div.header
1403   padding: 5px;
1406 #calendar .sideblock div.header
1408   border:none;
1411 #calendar .maincalendar .buttons {
1412   float: right;
1415 #calendar .maincalendar .filters table,
1416 #calendar .sidecalendar .filters table,
1417 .sideblock.block_calendar_month .filters table
1419   border-collapse:separate;
1420   border-spacing: 2px;
1421   padding: 2px;
1422   width: 100%;
1425 #calendar .maincalendar .filters {
1426   padding: 0px 10px;
1429 #calendar .sidecalendar .filters {
1430   padding: 5px;
1433 #calendar .maincalendar .controls {
1434   clear:both;
1435   padding:10px;
1438 #calendar .maincalendar table.calendarmonth ul.events-new,
1439 #calendar .maincalendar table.calendarmonth ul.events-underway
1441   padding:0px;
1442   margin:0px;
1443   list-style-type:none;
1446 #calendar .maincalendar table.calendarmonth ul li {
1447   margin-top: 4px;
1450 .minicalendarblock {
1451   padding: 0px 4px;
1454 table.minicalendar {
1455   width: 100%;
1456   margin: 10px auto;
1457   padding:2px;
1458   border-width:1px;
1459   border-style:solid;
1460   border-collapse:separate;
1461   border-spacing:1px !important;
1464 table.minicalendar th {
1465   padding: 0px 2px;
1468 #calendar .maincalendar .eventlist {
1469   padding: 10px;
1472 #calendar .maincalendar .eventlist .topic {
1473   padding: 5px;
1474   border-style:solid;
1475   border-width: 0px;
1476   border-bottom-color: #EEEEEE;
1477   border-bottom-width: 1px;
1480 #calendar .maincalendar .eventlist .event {
1481   width:100%;
1482   margin-bottom:10px;
1483   border-spacing:0px;
1484   border-collapse:separate;
1485   border-width:1px;
1486   border-style:solid;
1489 #calendar .maincalendar .eventlist .event .name {
1490   float:left;
1493 #calendar .maincalendar .eventlist .event .course {
1494   float:left;
1495   clear:left;
1498 #calendar .maincalendar .eventlist .event .date {
1499   float:right;
1502 #calendar .maincalendar .eventlist .event .description .commands {
1503   width:100%;
1506 #calendar .maincalendar .eventlist .event .description {
1507   padding:5px;
1510 #calendar .maincalendar .eventlist .event .picture {
1511   padding:8px;
1514 #calendar .maincalendar .eventlist .event .side {
1515   width:32px;
1518 #calendar #selecteventtype table {
1519   margin:auto;
1522 #calendar .event_global,
1523 #calendar .event_course,
1524 #calendar .event_course0,
1525 #calendar .event_course1,
1526 #calendar .event_course2,
1527 #calendar .event_group,
1528 #calendar .event_user,
1529 .minicalendar .event_global,
1530 .minicalendar .event_course,
1531 .minicalendar .event_course0,
1532 .minicalendar .event_course1,
1533 .minicalendar .event_course2,
1534 .minicalendar .event_group,
1535 .minicalendar .event_user {
1536   border:2px solid !important;
1539 #calendar .duration_global,
1540 #calendar .duration_course,
1541 #calendar .duration_course0,
1542 #calendar .duration_course1,
1543 #calendar .duration_course2,
1544 #calendar .duration_group,
1545 #calendar .duration_user,
1546 .minicalendar .duration_global,
1547 .minicalendar .duration_course,
1548 .minicalendar .duration_course0,
1549 .minicalendar .duration_course1,
1550 .minicalendar .duration_course2,
1551 .minicalendar .duration_group,
1552 .minicalendar .duration_user
1554   border-top:2px solid !important;
1555   border-bottom:2px solid !important;
1558 #calendar .today,
1559 .minicalendar .today {
1560   border:2px solid;
1563 #calendar .nottoday,
1564 .minicalendar .today {
1565   border:1px solid;
1568 .cal_popup_bg {
1569   padding:0px;
1570   margin:0px;
1571   border:1px solid;
1574 .cal_popup_close {
1575   margin-right:5px;
1578 .cal_popup_caption {
1579   border-width:0px 0px 1px 0px;
1580   border-style:solid;
1581   padding-bottom:2px;
1584 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1585 .calendar-controls .previous,
1586 .calendar-controls .next,
1587 .calendar-controls .current {
1588   display: block;
1589   float: left;
1590   width: 12%;
1592 .calendar-controls .previous {
1593   text-align: left;
1595 .calendar-controls .current {
1596   text-align: center;
1597   width: 76%;
1599 .calendar-controls .next {
1600   text-align: right;
1603 #calendar .maincalendar .calendar-controls .previous,
1604 #calendar .maincalendar .calendar-controls .next
1606   width: 30%;
1608 #calendar .maincalendar .calendar-controls .current {
1609   width: 39.95%;
1612 #calendar .indent {
1613   padding-left: 20px;
1616 #calendar td.sidecalendar {
1617 border-width:0px;
1620 #calendar td.sidecalendar .sideblock {
1621   border: 1px solid;
1622   margin-bottom:10px;
1625 #calendar td.sidecalendar .minicalendartop {
1626   padding-top:10px;
1629 .sideblock .content h3.eventskey {
1630     margin-top:0.5em;
1631     margin-bottom:0;
1632     margin-left:0.5em;
1635 /***
1636  *** Course
1637  ***/
1639 .activitydate, .activityhead {
1640   text-align:center;
1643 #course-view .section td {
1644   vertical-align:top;
1647 #course-view .section td.content {
1648   padding:5px;
1649   border-style:solid;
1650   border-width:1px;
1651   border-left:0px;
1652   border-right:0px;
1655 #course-view .section td.side {
1656   padding:5px;
1657   border-style:solid;
1658   border-width:1px;
1661 #course-view .section td.left {
1662   border-right:0px;
1663   text-align:center;
1664   width: 1.5em;
1667 #course-view .section td.right {
1668   border-left:0px;
1669   text-align:center;
1670   width: 1.5em;
1673 #course-view .current .side {
1676 #course-view .section .spacer {
1677   height:0.5em;
1680 #course-view .section .weekdates {
1683 #course-view ul.section,
1684 #site-index ul.section {
1685   margin: 0;
1686   padding: 0;
1687   list-style: none;
1690 .section_add_menus {
1691   text-align:right;
1694 .section_add_menus .horizontal div {
1695   display:inline;
1699 /*#course-view ul.section li.activity ul li,
1700 #site-index ul.section li.activity ul li {
1701   list-style: disc;
1702 }*/
1704 /*Accessibility: No-tables course format. */
1705 #course-view ul.weekscss {
1706   margin: 0;
1707   padding: 0;
1708   list-style: none;
1710 /* Window-width: 800 pixels.
1711    IE doesn't support, see inline IE conditional comment. */
1712 .weekscss-format {
1713   min-width: 763px;
1715 .weekscss-format .block_adminblock select,
1716 .weekscss-format .block_calendar_month .minicalendar {
1717   width: 100%;
1718   padding: 0;
1720 .weekscss-format .block_calendar_month .minicalendar th,
1721 .weekscss-format .block_calendar_month .minicalendar td {
1722   padding: 0.1em 0 0.1em 1px;
1724 .weekscss-format #middle-column {
1725   margin: 0 12.5em 0 12.5em;
1727 .weekscss-format #left-column,
1728 .weekscss-format #right-column {
1729   width: 11.5em;
1731 .weekscss-format #left-column {
1732   float: left;
1734 .weekscss-format #right-column {
1735   float: right;
1737 .weekscss li.section {
1738   margin-bottom: 0.5em;
1739   border-style:solid;
1740   border-width:1px;
1742 .weekscss .content,
1743 .weekscss .side {
1744   padding: 5px;
1746 .weekscss .content {
1747   margin: 0 1.7em 0 1.7em;
1749 .weekscss .right {
1750   width: 1.6em;
1751   float: right;
1752   text-align:center;
1755 .section .activity img.activityicon {
1756   vertical-align:middle;
1757   height:16px;
1758   width:16px;
1761 .section img.movetarget {
1762   height:16px;
1763   width:80px;
1766 body#course-view .unread {
1767   margin-left: 3em;
1770 body#course-view .sideblock.drag .header {
1771   cursor: move;
1774 body#course-enrol .generalbox {
1775   margin-top: 20px;
1778 body#course-enrol .coursebox {
1779   margin-top: 20px;
1782 body#course-user .graph {
1783   text-align: center;
1786 body#course-user .section,
1787 body#course-user .content {
1788   margin-left: 30px;
1789   margin-right: 30px;
1792 body#course-user .section {
1793   border-width:1px;
1794   border-style:solid;
1795   padding:10px;
1796   margin-bottom: 20px;
1799 body#course-user .section h2 {
1800   margin-top: 0;
1804 .headingblock, h2.headingblock {
1805   border-width:1px;
1806   border-style:solid;
1807   padding:5px;
1808   margin:0;
1811 #site-index .subscribelink,
1812 #course-view .subscribelink {
1813   text-align:right;
1816 body#site-index .headingblock,
1817 body#course-view .headingblock {
1818   margin-bottom: 9px;
1821 body#course-category .courseboxes,
1822 body#course-index .courseboxes {
1823   padding:20px;
1826 body#course-category .rolelink {
1827   text-align:right;
1828   padding:10px;
1831 body#course-index #middle-column .editcourse {
1832   margin-left:auto;
1833   margin-right:auto;
1834   margin-top:20px;
1835   margin-bottom:20px;
1838 body#course-index #middle-column .editcourse th,
1839 body#course-index #middle-column .editcourse td {
1840   padding-left:10px;
1841   padding-right:10px;
1844 body#course-index #middle-column .editcourse .count {
1845   text-align:right;
1848 body#course-index .singlebutton,
1849 body#course-index .addcategory {
1850   text-align: center;
1853 body#course-info .generalbox.icons {
1854   text-align: center;
1857 body#course-info .generalbox.info {
1858   margin-left:auto;
1859   margin-right:auto;
1862 .coursebox {
1863   width: 100%;
1864   float:left;
1865   margin-bottom: 15px;
1866   border-width:1px;
1867   border-style:solid;
1870 .coursebox .summary {
1871   float: right;
1872   text-align:left;
1873   width: 48%;
1874   padding:5px;
1877 .coursebox .info {
1878   float: left;
1879   text-align:left;
1880   width: 48%;
1881   padding:5px;
1884 #my-index .coursebox .info {
1885   float: none;
1888 #my-index .name {
1889   margin-left: 5px;
1892 .categorylist {
1893   width:90%;
1894   margin-left:auto;
1895   margin-right:auto;
1898 .categorylist .category.image {
1899   width:20px;
1902 .categorylist .category.number {
1903   text-align:right;
1906 .categoryboxcontent {
1907   border-width:1px;
1908   border-style:solid;
1911 .categorypicker {
1912   text-align:center;
1913   padding-bottom:10px;
1916 #coursesearch,
1917 #coursesearch2 {
1918   text-align:center;
1921 .addcoursebutton {
1922   text-align:center;
1925 .coursebox .cost {
1926   padding-top: 20px;
1929 .coursebox ul.teachers li {
1930   list-style-type:none;
1931   padding:0;
1932   margin:0;
1935 #course-category #renameform {
1936   text-align:center;
1939 #course-category #themeform {
1940   text-align: center;
1943 #course-category .singlebutton {
1944   text-align:center;
1947 #course-category #coursesearch {
1948   text-align:center;
1952 #course-report #content {
1953   padding-top:15px;
1954   padding-bottom:15px;
1957 #course-report p {
1958   text-align:center;
1961 #course-report .logselectform,
1962 #course-report .participationselectform,
1963 #course-report-log-index .logselectform,
1964 #course-report-participation-index .participationselectform {
1965   margin-left:auto;
1966   margin-right:auto;
1967   text-align:center;
1968   margin-top:10px;
1969   margin-bottom:10px;
1972 #course-report .participationselectform label,
1973 #course-report-participation-index .participationselectform label {
1974   margin-left:15px;
1975   margin-right:5px;
1978 #course-report-log-index .info {
1979   margin-left:auto;
1980   margin-right:auto;
1981   text-align:center;
1982   margin:10px;
1985 #content .coursebox .summary .category {
1986   text-align:right;
1989 #course-editsection .singlebutton {
1990   text-align:center;
1993 /***
1994  *** Group
1995  ***/
1996 body#group-index #groupeditform {
1997   text-align: center;
2001 /***
2002  *** Doc
2003  ***/
2005 body#doc-contents h1 {
2006   margin: 1em 0px 0px 0px;
2009 body#doc-contents ul {
2010   list-style-type: none;
2011   margin: 0;
2012   padding: 0;
2013   width: 90%;
2017 /***
2018  *** Grades
2019  ***/
2021 body#grade-index .grades {
2022   border-width:1px;
2023   border-style:solid;
2024   border-collapse: separate;
2027 body#grade-index .grades td {
2028   border-width:0 1px 0 1px;
2029   border-style:solid;
2030   border-collapse: collapse;
2033 body#grade-index .grades .header {
2034   vertical-align: top;
2037 body#grade-index .grades .points,
2038 body#grade-index .grades .percent,
2039 body#grade-index .grades .weighted {
2040   text-align: right;
2043 .backup-form-instances {
2044    margin:0px 20px 0px 20px;
2046 .restore-form-instances {
2047    margin:0px 20px 0px 20px;
2051 /* new grades CSS */
2053 #grade-report table {
2054   border-width:1px;
2055   border-style:solid;
2058 #grade-report table td {
2059   border-width:1px;
2060   border-style:solid;
2063 #grade-report tr.heading {
2064   border-width:0px 0px 0px 0px;
2065   border-style:solid;
2068 #grade-report .heading td {
2069   border-width:0px 0px 0px 0px;
2070   border-style:solid;
2073 #grade-report td.category {
2074   border-width:1px 1px 0px 1px;
2075   border-style:solid;
2078 #grade-report th.user {
2079   border-width:0px 0px 1px 0px;
2080   border-style:solid;
2083 #grade-report th.categoryitem,
2084 #grade-report th.courseitem,
2085 #grade-report td.topleft {
2086   border-width:0px 1px 0px 1px;
2087   border-style:solid;
2090 #grade-report td.fillerfirst {
2091   border-width:0px 0px 0px 1px;
2092   border-style:solid;
2095 #grade-report td.fillerlast {
2096   border-width:0px 1px 0px 0px;
2097   border-style:solid;
2100 #grade-report th.item {
2101   border-width:1px 1px 1px 1px;
2102   border-style:solid;
2105 /* gradebook edit tree */
2107 #grade-report-grader-category .gradetreebox {
2108   width:70%;
2109   margin-left:auto;
2110   margin-right:auto;
2111   margin-top:10px;
2112   padding-bottom:15px;
2115 #grade-report-grader-category .buttons {
2116   margin: 20px;
2117   text-align:center;
2120 #grade-report-grader-category .buttons .singlebutton {
2121   display: inline;
2122   padding: 5px;
2126 #grade-report-grader-category .movetarget {
2127   position: relative;
2128   width: 80px;
2129   height: 16px;
2132 #grade-report-grader-category ul#grade_tree {
2133   width: auto;
2136 #grade-report-grader-category ul#grade_tree li {
2137   list-style: none;
2140 #grade-report-grader-category ul#grade_tree li.category {
2141   margin-bottom: 6px;
2144 #grade-report-grader-category .moving {
2145   background-color: #E8EEF7;
2148 #grade-report-grader-category .iconsmall {
2149   margin-left: 4px;
2152 /***
2153  *** Login
2154  ***/
2156 .loginbox {
2157   margin-top:15px;
2158   margin-bottom:15px;
2159   border:1px solid;
2160   width:50%;
2161   margin-left:25%;
2162   overflow:hidden;
2165 .loginbox form {
2166   margin:0px;
2167   padding:0px;
2170 .loginbox.twocolumns {
2171   width:90%;
2172   margin-left:5%;
2173   /* background: #faa; */
2176 .loginbox h2,
2177 .loginbox .subcontent {
2178   margin:5px;
2179   padding:10px;
2180   text-align:center;
2183 .loginbox .loginpanel .subcontent {
2184   text-align:center;
2187 .loginbox .loginpanel .desc {
2188   margin:0px;
2189   padding:0px;
2190   margin-bottom:5px;
2193 .loginbox .signuppanel .subcontent {
2194   text-align:left;
2197 .loginbox .loginsub {
2198   margin-left:0%;
2199   margin-right:0%;
2202 .loginbox .guestsub,
2203 .loginbox .forgotsub {
2204   border-top:1px solid;
2205   margin-left:12%;
2206   margin-right:12%;
2207   margin-bottom:5px;
2210 .loginbox .loginform {
2211   margin-top:1em;
2212   text-align:left;
2215 .loginbox .loginform .form-label {
2216   float:left;
2217   text-align:right;
2218   width:40%;
2221 .loginbox .loginform .form-input {
2222   float:right;
2223   width:59%;
2226 .loginbox .loginform .form-input input {
2227   width: 6em;
2230 .loginbox .signupform {
2231   margin-top:1em;
2232   text-align:center;
2235 .loginbox.twocolumns .loginpanel {
2236   float:left;
2237   width:49.5%;
2238   border-right: 1px solid;
2239   margin-bottom:-2000px;
2240   padding-bottom:2000px;
2241   /* background: #afa; */
2244 .loginbox.twocolumns .signuppanel {
2245   float:right;
2246   width:50%;
2247   margin-bottom:-2000px;
2248   padding-bottom:2000px;
2252 /***
2253  *** Message
2254  ***/
2257 #message-user .userpicture,
2258 #message-history .userpicture {
2259   width: 100px;
2260   height: 100px;
2263 .message-discussion-noframes #userinfo .userpicture {
2264   float:left;
2267 .message-discussion-noframes #userinfo .name h1 {
2268   margin:0px;
2271 .message-discussion-noframes #userinfo .name {
2272   text-align:center;
2273   margin-left:60px;
2276 .message-discussion-noframes #userinfo .commands {
2277   text-align:left;
2278   margin-left:60px;
2281 .message-discussion-noframes #userinfo .commands ul {
2282   margin:0px;
2283   padding:0px;
2284   list-style-type:none;
2287 .message-discussion-noframes #userinfo .commands ul li {
2288   display:inline;
2289   padding-right:16px;
2292 .message-discussion-noframes #send {
2293   padding-top:10px;
2294   clear:both;
2297 .message-discussion-noframes #send h1 {
2298   margin:0px;
2301 .message-discussion-noframes #messages {
2302   padding-top:10px;
2305 .message-discussion-noframes #messages ul.messagelist {
2306   margin:0px;
2307   padding:0px;
2310 .message-discussion-noframes #send h1 {
2311   margin:0px;
2314 .message .noframesjslink {
2315   margin-top:20px;
2318 .message .link {
2319   vertical-align:middle;
2322 table.message .searchresults td {
2323   padding:5px;
2324   border-width:1px;
2325   border-style:solid;
2326   border-collapse:collapse;
2327   border-spacing:0px;
2329 .message .summary .link {
2330   text-align:right;
2332 .message .heading {
2333   text-align:center;
2336 .message .note {
2337   text-align:center;
2338   padding:10px;
2341 #message-user .commands span {
2342   margin-left:10px;
2343   margin-right:10px;
2346 body#message-messages {
2347   padding:10px;
2351 /***
2352  *** MyMoodle
2353  ***/
2355 .my .coursebox .overview .info {
2356   margin-left:20px;
2359 .my .coursebox .overview {
2360   margin-bottom:10px;
2364 /***
2365  *** Question
2366  ***/
2367 .questionbank h2 {
2368   margin-top: 0;
2371 .que {
2372   text-align: left;
2373   margin: 10px auto 15px auto;
2374   border: 1px solid;
2375   clear: both;
2377 .que .info {
2378   float: left;
2379   margin: 5px 0 5px 5px;
2380   width: 8%;
2382 .que .grade {
2383   margin-top: 0.5em;
2385 .que .content {
2386   float: left;
2387   margin: 5px 0 5px 5px;
2388   width: 88%;
2390 .que .qtext {
2391   margin-bottom: 1.5em;
2393 .que .ablock {
2394   margin: 0.7em 0 0.3em 0;
2396 .que .prompt {
2397   float: left;
2398   width: 15%;
2399   height: 2em;
2400   padding-top: 0.3em;
2402 .que .control {
2403   width: 5%;
2405 .que .answer {
2406   float: left;
2407   width: 83%;
2408   margin-bottom: 0.5em;
2410 .que .submit {
2411   position: relative;
2412   clear: both;
2413   float: left;
2415 /* MSIE Hack */
2416 * html .que .submit {
2417   float: none;
2419 .multianswer .submit {
2420   margin-top: 1em;
2422 .que .c0,
2423 .que .c1 {
2424   padding: 0.3em 0 0.3em 0.3em;
2425   vertical-align: top;
2427 .que .feedback {
2428   clear: both;
2429   padding: 0 0 0.3em 0.3em;
2430   margin-bottom: 0.5em;
2431   border: 1px solid;
2433 .multichoice td.feedback {
2434   width: auto;
2435   vertical-align: top;
2436   padding-top: 0.3em;
2437   border-style: none;
2439 .essay .feedback {
2440   border-style: none;
2442 .multichoice .text {
2443   width: auto;
2445 .calculated .answer,
2446 .numerical .answer,
2447 .shortanswer .answer,
2448 .truefalse .answer {
2449   padding: 0.3em 0 0.3em 0.3em;
2451 .calculated .answer input,
2452 .numerical .answer input,
2453 .shortanswer .answer input {
2454   width: 85%;
2456 .truefalse .answer span {
2457   float: left;
2458   clear: left;
2459   padding: 0.2em 0;
2461 .que .grading,
2462 .que .comment,
2463 .que .commentlink,
2464 .que .generalfeedback,
2465 .que .history {
2466   margin-top: 0.5em;
2469 .importerror {
2470   margin-top: 10px;
2471   border-bottom: 1px solid #555;
2474 /***
2475  *** Logs
2476  ***/
2478 .logtable {
2479   margin-left:auto;
2480   margin-right:auto;
2483 .logtable td,
2484 .logtable th {
2485   padding-left: 10px;
2486   padding-right: 10px;
2489 .logtable th {
2490   text-align:left;
2493 #course-user .info {
2494   margin-left:auto;
2495   margin-right:auto;
2496   text-align:center;
2497   margin:10px;
2500 /***
2501  *** Tabs
2502  ***/
2505 /*globalnav*/
2506 .tabtree {
2507   position:relative;
2510 .tabrow0 {
2511   text-align: center;
2512   width:100%;
2513   padding:0 0 1.75em 0;
2514   margin:0;
2515   list-style:none;
2516   line-height:1.8em;
2517   font-size: 84%;
2520 .tabrow0 li {
2521   display: inline;
2522   margin: 0 -4px 0 0;
2523   padding: 0;
2526 .tabrow0 a span {
2527   padding: 10px 14px 0.35em 0;
2528   background: transparent url(pix/tab/right.gif) no-repeat right top;
2531 .tabrow1 li a span {
2532   background: none !important;
2535 .tabrow0 a {
2536   text-decoration: none;
2537   background: transparent url(pix/tab/left.gif) no-repeat left top;
2538   margin: 0 -1px 0 0;
2539   padding: 10px 0 0.35em 13px;
2542 .tabrow0 a:hover {
2543   background-image: url(pix/tab/left_hover.gif);
2546 .tabrow0 .here a:hover {
2547   background-image: url(pix/tab/left.gif);
2550 .tabrow0 a:hover span {
2551   background-image: url(pix/tab/right_hover.gif);
2554 .tabrow0 .here a:hover span {
2555   background-image: url(pix/tab/right.gif);
2558 .tabrow0 .here a {
2559   color:#444;
2563 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2564   position:relative;
2565   z-index:102;
2568 /*subnav*/
2569 .tabrow0 .empty {
2570   height: 1px;
2571   overflow: hidden;
2572   padding: 0;
2575 .tabrow0 div,
2576 .tabrow0 ul {
2577   position: absolute;
2578   left: 0;
2579   top: 2.0em;
2580   width: 100%;
2581   margin: 0;
2582   padding: 0.25em 0;
2583   list-style: none;
2584   border-top: 1px solid #aaa;
2585   line-height: normal;
2586   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2587   font-size: 90%;
2590 .tabrow0 ul li {
2591   display:inline;
2592   margin-top:1px;
2593   background-image: none;
2596 .tabrow0 ul a {
2597   background-image: none;
2598   color:#00c;
2599   margin:0;
2600   padding:0 1em;
2601   border:0
2604 .tabrow0 ul a span {
2605   padding: 0;
2606   background-image: none;
2609 .tabrow0 ul .last span,
2610 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2611 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2612   background-image: none !important;
2615 .tabrow0 ul div {
2616   display: none;
2619 ul.tabrow1 li a,
2620 ul.tabrow1 li a:link,
2621 ul.tabrow1 li a:visited {
2622   color:#00c;
2623   font-size: 110%;
2626 ul.tabrow1 li.here.selected a {
2627   color:#444;
2630 /***
2631  *** User
2632  ***/
2634 .userinfobox {
2635   margin-bottom:5px;
2636   border-width: 1px;
2637   border-style: solid;
2638   border-collapse: separate;
2641 .userinfobox .left,
2642 .userinfobox .side {
2643   padding: 10px;
2644   width: 100px;
2645   vertical-align: top;
2648 .userinfobox .userpicture {
2649   width: 100px;
2650   height: 100px;
2653 .userinfobox .content {
2654   padding: 10px;
2655   vertical-align: top;
2658 .userinfobox .links {
2659   width: 100px;
2660   padding: 5px;
2661   vertical-align: bottom;
2664 .userinfobox .list td {
2665   padding: 3px;
2668 .userinfobox .username {
2669   padding-bottom: 20px;
2672 .userinfobox td.label {
2673   text-align:right;
2674   white-space: nowrap;
2675   vertical-align: top;
2678 table.userinfobox {
2679   width: 80%;
2680   margin-left: 10%;
2681   margin-right: 10%;
2684 table.groupinfobox {
2685   width: 60%;
2686   margin-left: 20%;
2687   margin-right: 20%;
2688   border-width:1px;
2689   border-style:solid;
2690   margin-bottom: 20px;
2693 .groupinfobox .left {
2694   padding: 10px;
2695   width: 100px;
2696   vertical-align: top;
2699 body#user-index h2 {
2700   text-align: center;
2703 #user-view .buttons,
2704 #user-index .buttons {
2705   text-align: center;
2708 #user-view .buttons form,
2709 #user-view .buttons form div {
2710   display:inline;
2713 body#user-index #longtimenosee,
2714 body#user-index #showall {
2715   text-align: center;
2718 body#user-index #showall {
2719   margin: 10px 0px;
2722 body#user-index table#participants {
2723   margin: auto;
2724   width: 80%;
2727 body#user-index table#participants td,
2728 body#user-index table#participants th {
2729   vertical-align: middle;
2730   text-align: left;
2731   padding: 4px;
2734 body#user-index table.controls {
2735   width: 100%;
2737 body#user-index table.controls tr {
2738   vertical-align: top;
2740 body#user-index table.controls td.right,
2741 body#user-index table.controls td.left {
2742   padding: 4px;
2744 body#user-index table.controls .right {
2745   text-align: right;
2747 body#course-participation h2 {
2748   text-align:center;
2750 body#course-participation #showall {
2751   text-align:center;
2752   margin: 10px 0px;
2754 body#user-index .rolesform {
2755   text-align:center;
2758 #user-policy .noticebox {
2759   text-align:center;
2760   margin-left:auto;
2761   margin-right:auto;
2762   margin-bottom:10px;
2763   width:80%;
2764   height:250px;
2767 #user-policy #policyframe {
2768   width:100%;
2769   height:100%;
2772 /***
2773  *** Modules: Assignment
2774  ***/
2776 .userpicture,
2777 .picture user,
2778 .picture teacher {
2779   width:35px;
2780   vertical-align:top;
2782 .modform {
2783   text-align:center;
2786 /***
2787  *** Modules: Chat
2788  ***/
2790 .nextchatsession {
2791   text-align:center;
2794 #mod-chat-gui_header_js-jsupdate {
2795   margin:10px
2797 #mod-chat-gui_header_js-jsupdate .chat-event,
2798 #mod-chat-gui_header_js-jsupdate .chat-message {
2799   width:100%;
2800   padding:0;
2801   margin-top:7px
2804 #mod-chat-view #chatcurrentusers .chatuserdetails {
2805   vertical-align: middle;
2808 #mod-chat-view #enterlink {
2809   text-align: center;
2810   margin-left: auto;
2811   margin-right: auto;
2812   width: 50%;
2815 .chat-event .picture,
2816 .chat-message .picture {
2817   width:40px;
2818   vertical-align:top;
2820 .chat-event .text,
2821 .chat-message .text {
2822   text-align: left;
2825 #mod-chat-gui_basic #participants ul {
2826   margin:0px;
2827   padding:0px;
2828   list-style-type:none;
2831 #mod-chat-gui_basic #participants ul li {
2832   display:inline;
2833   margin-right:10px;
2836 #mod-chat-gui_basic #participants ul li .userinfo {
2837   display:inline;
2840 #mod-chat-gui_basic #messages dl {
2841   padding:0px;
2842   margin:1px;
2845 #mod-chat-gui_basic #messages dd,
2846 #mod-chat-gui_basic #messages dt {
2847   margin-left:0px;
2848   margin-right:5px;
2849   padding:0px;
2850   display:inline;
2853 /***
2854  *** Modules: Choice
2855  ***/
2856 .button {
2857   text-align:center;
2860 .attemptcell {
2861   width:5px;
2862   white-space: nowrap;
2865 .anonymous,
2866 .names {
2867   margin-left:auto;
2868   margin-right:auto;
2871 .downloadreport {
2872   border:0px;
2873   margin-left:auto;
2874   margin-right:auto;
2877 .choiceresponse {
2878   width:100%;
2880 .choiceresponse .picture {
2881   width:10px;
2882   white-space: nowrap;
2885 .choiceresponse .fullname {
2886   width:100%;
2887   white-space: nowrap;
2891 .results.data {
2892   vertical-align:top;
2893   white-space: nowrap;
2896 /***
2897  *** Modules: Data
2898  ***/
2899 .fieldadd,
2900 .sortdefault,
2901 .defaulttemplate {
2902   text-align:center;
2904 .datapreferences {
2905   text-align:center;
2908 table.presets {
2909   margin-left: auto;
2910   margin-right: auto;
2913 /***
2914  *** Modules: Forum
2915  ***/
2917 .forumheaderlist,
2918 .forumpost {
2919   border-width:1px;
2920   border-style:solid;
2921   border-collapse:separate;
2924 .forumpost {
2925   margin-top: 15px;
2928 .forumpost .topic {
2929   padding: 4px;
2930   border-style:solid;
2931   border-width: 0px;
2932   border-bottom-width: 1px;
2935 .forumpost .commands {
2936   padding-top: 0.5em;
2937   text-align:right;
2938   clear: both;
2941 .forumpost .ratings {
2942   padding-top: 1em;
2943   text-align:right;
2946 .forumpost .attachments {
2947   padding: 7px;
2948   text-align:right;
2951 .forumpost .content {
2952   padding: 4px;
2955 .forumpost .footer {
2956   padding-top: 0.5em;
2957   text-align:right;
2960 .forumpost .link {
2961   padding-top: 0.5em;
2962   text-align:right;
2965 .forumpost .left {
2966   width: 35px;
2967   padding: 4px;
2968   text-align: center;
2969   vertical-align: top;
2972 .mod-forum .indent {
2973   margin-left: 30px;
2976 body#user-view .forumpost,
2977 .course .forumpost {
2978   width: 100%;
2981 body#mod-forum-search .c0 {
2982   text-align: right;
2985 body#mod-forum-search .introcontent {
2986   padding: 15px;
2989 .forumolddiscuss {
2990   text-align: right;
2993 .forumheaderlist {
2994   width: 100%;
2997 .forumheaderlist td {
2998   border-width:1px 0px 0px 1px;
2999   border-style:solid;
3002 .forumheaderlist .replies {
3003   text-align: center;
3004   white-space: nowrap;
3007 .forumheaderlist .picture {
3008   width: 35px;
3011 .forumheaderlist .discussion .starter {
3012   vertical-align: middle;
3015 .forumheaderlist .lastpost {
3016   white-space: nowrap;
3017   text-align: right;
3020 .forumheaderlist .discussion .author {
3021   white-space: nowrap;
3023 .forumolddiscuss {
3024   text-align:right;
3026 .forumaddnew,
3027 .forumnodiscuss,
3028 .noticeboxcontent {
3029   text-align:center;
3032 #mod-forum-view .forumcontrol .groupmenu {
3033   float: left;
3034   text-align:left;
3035   white-space: nowrap;
3038 #mod-forum-view .forumcontrol .subscription {
3039   float: right;
3040   text-align:right;
3041   white-space: nowrap;
3044 #mod-forum-index .subscription {
3045   float: right;
3046   text-align:right;
3047   white-space: nowrap;
3050 #mod-forum-view .unread {
3051   padding-left: 3px;
3052   padding-right: 3px;
3054 #mod-forum-discuss .forumpost.unread .content {
3055   border-style: solid;
3056   border-width: 2px;
3058 #mod-forum-discuss .ratingsubmit {
3059   text-align:center;
3060   padding:10px;
3062 #mod-forum-index .unread img,
3063 #mod-forum-view .unread img
3065   margin-left: 5px;
3068 #mod-forum-discuss .discussioncontrols td {
3069   width: 33%;
3070   text-align:center;
3073 #email .unsubscribelink {
3074   margin-top:20px;
3075   border-width: 0px 1px 0px 0px;
3076   border-style: solid;
3077   text-align:center;
3080 /***
3081  *** Modules: Glossary
3082  ***/
3084 .glossarypost .commands {
3085   width: 200px;
3086   white-space: nowrap;
3089 #mod-glossary-comments .glossarypost,
3090 #mod-glossary-comment .glossarypost {
3091   margin-top: 15px;
3094 .entryboxheader {
3095   border-width: 1px 1px 0px 1px;
3096   border-style: solid;
3099 .entrybox {
3100   width: 100%;
3101   border-width: 0px 1px 1px 1px;
3102   border-style: solid;
3105 .entrybox hr {
3106   border-left:none;
3107   border-right:none;
3110 .glossarypost {
3111   width: 95%;
3112   border-width:1px;
3113   border-style:solid;
3114   border-collapse:separate;
3115   margin-left:auto;
3116   margin-right:auto;
3117   margin-bottom: 5px;
3118   text-align: left;
3121 .entrylist {
3122   border-width:0px;
3125 .entrylowersection {
3126   padding-top: 10px;
3129 .entrylowersection table{
3130   width: 100%;
3133 .entrylowersection .aliases {
3134   text-align:center;
3137 .entrylowersection .icons,
3138 .entrylowersection .ratings {
3139   text-align:right;
3140   padding-right: 5px;
3143 .entrylowersection .ratings {
3144   padding-bottom: 2px;
3147 .glossarycategoryheader {
3148   width: 95%;
3149   margin-left:auto;
3150   margin-right:auto;
3153 .glossaryformatheader {
3154   width: 90%;
3157 .glossarypost .entry {
3158   padding: 3px;
3161 .glossarypost .picture {
3162   width: 35px;
3165 .glossarycomment {
3166   border-width:1px;
3167   border-style:solid;
3168   border-collapse:separate;
3169   margin-bottom: 5px;
3170   text-align: left;
3173 .glossarycomment .entry {
3174   padding: 3px;
3177 .glossarycomment .picture {
3178   width: 35px;
3181 .glossarycomment .icons {
3182   text-align: right;
3185 .glossarydisplay {
3186   width: 90%;
3187   margin-left:auto;
3188   margin-right:auto;
3189   text-align:center;
3192 .glossarydisplay .tabs {
3193   width: 100%;
3196 .glossarydisplay .separator {
3197   width: 4px;
3200 .glossarydisplay .tabs .selected,
3201 .glossarydisplay .tabs .inactive,
3202 .glossarydisplay .tabs .general {
3205 .glossaryimportexport {
3206   margin-left:auto;
3207   margin-right:auto;
3208   text-align:center;
3211 .glossarypopup {
3212   width: 95%;
3215 .glossaryapproval {
3216   width: 100%;
3219 .mod-glossary .glossarydisplay .tabs {
3220   margin-bottom: 0px;
3222 .mod-glossary .glossarydisplay .tabs .side {
3223   border-style: none;
3224   border-width: 0px;
3225   width: auto;
3228 .glossaryexplain,
3229 .glossaryaddentry {
3230   text-align: center;
3233 .mod-glossary .tabrow0 {
3234   padding-bottom: 5px;
3237 #mod-glossary-view .glossarycontrol {
3238   float: right;
3239   text-align:right;
3240   white-space: nowrap;
3243 /***
3244  *** Modules: Journal
3245  ***/
3246 #mod-journal-view .lastedit,
3247 #mod-journal-view .editend {
3248   margin: 5px;
3249   text-align: center;
3251 #mod-journal-view .feedbackbox {
3252   width: 75%;
3253   border-collapse: separate;
3255 #mod-journal-view .entrycontent {
3256   padding: 3px;
3258 #mod-journal-view .picture {
3259   width: 35px;
3261 #mod-journal-view .grade {
3262   text-align: right;
3264 #mod-journal-view .info {
3265   margin-bottom: 5px;
3266   text-align: right;
3270 /***
3271  *** Modules: Label
3272  ***/
3274 /***
3275  *** Modules: Lesson
3276  ***/
3277 #mod-lesson-lesson #page .addform {
3278   text-align: center;
3280 #mod-lesson-edit #page .label {
3281   font-weight: bold;
3283 #mod-lesson-edit #page .labelcorrect {
3284   text-decoration: underline;
3285   font-weight: bold;
3287 .lessonmediafilecontrol {
3288   text-align: center;
3289   margin-left: auto;
3290   margin-right: auto;
3294 /***
3295  *** Modules: Quiz
3296  ***/
3299 #mod-quiz-attempt #page {
3300   text-align: center;
3302 #mod-quiz-edit #page .controls,
3303 #mod-quiz-edit #page .attemptsnotice
3305   text-align: center;
3307 #mod-quiz-edit .quizquestions h2 {
3308   margin-top: 0;
3310 #mod-quiz-edit #showbreaks {
3311   margin-top: 0.7em;
3313 body#question-preview .quemodname,
3314 body#question-preview .controls
3316   text-align: center;
3318 body#mod-quiz-report table#attempts,
3319 body#mod-quiz-report table#commands,
3320 body#mod-quiz-report table#itemanalysis
3322   width: 80%;
3323   margin: auto;
3325 body#mod-quiz-report table#attempts,
3326 body#mod-quiz-report h2.main {
3327   clear: both;
3329 body#mod-quiz-report table#attempts {
3330   margin: 20px auto;
3332 body#mod-quiz-report table#attempts .header,
3333 body#mod-quiz-report table#attempts .cell
3335   padding: 4px;
3337 body#mod-quiz-report table#attempts .header .commands {
3338   display: inline;
3340 body#mod-quiz-report table#attempts .picture {
3341   width: 40px;
3343 body#mod-quiz-report table#attempts td {
3344   border-left-width: 1px;
3345   border-right-width: 1px;
3346   border-left-style: solid;
3347   border-right-style: solid;
3348   vertical-align: middle;
3350 body#mod-quiz-report table#attempts .header {
3351   text-align: left;
3353 body#mod-quiz-report table#attempts .picture {
3354   text-align: center !important;
3356 body#mod-quiz-report .controls {
3357   text-align: center;
3359 #mod-quiz-review #page .controls {
3360   text-align: center;
3362 #mod-quiz-view .quizinfo {
3363   text-align: center;
3365 #mod-quiz-view #page .quizgradefeedback,
3366 #mod-quiz-view #page .quizattempt
3368   text-align: center;
3370 .quizquestionlistcontrols {
3371   text-align: center;
3373 body#question-preview .quemodname, body#question-preview .controls {
3374   text-align: center;
3377 /***
3378  *** Modules: Resource
3379  ***/
3381 #mod-resource-view .resourcecontent {
3382   text-align:center;
3383   margin:20px;
3386 #mod-resource-view .resourcepdf {
3387   width: 100%;
3388   padding-top: 15px;
3389   text-align: center
3390   }
3392 .resourcecontent object {
3393     height:480px; 
3394     width:600px;
3397 .resourcepdf object{
3398     height: 800px;
3399     width: 800px;
3402 .mod-resource .modified {
3403   text-align:center;
3406 .mod-resource .popupnotice {
3407   text-align:center;
3408   margin:40px;
3411 .ims-nav-bar {
3412   position: relative;
3413   padding:0.1em;
3416 .ims-nav-button a,
3417 .ims-nav-dimmed {
3418   padding-left:1em;
3419   padding-right:1em;
3422 #ims-containerdiv {
3423   margin-top:0.2em;
3426 #ims-menudiv {
3427   position:absolute;
3428   width:250px;
3429   overflow:auto;
3432 #ims-menudiv ol {
3433   list-style-type:none;
3434   margin:0px;
3435   padding-left:1em;
3438 #ims-contentframe {
3439   position:absolute;
3440   left:260px;
3441   border:1px solid;
3442   width:640px;
3443   height:480px;
3446 #ims-contentframe-no-nav {
3447   position:absolute;
3448   border:1px solid;
3449   width:640px;
3450   height:480px;
3453 #mod-resource-view div#footer {
3454   margin-top: 5px;
3457 /***
3458  *** Modules: Scorm
3459  ***/
3461 /***
3462  *** Modules: Survey
3463  ***/
3464 .resultgraph {
3465   text-align:center;
3466   border:1px solid;
3469 .reportsummary,
3470 .studentreport,
3471 .reportbuttons {
3472   text-align:center;
3475 .centerpara {
3476   text-align:center;
3479 .fullnamecell {
3480   width:10%;
3481   vertical-align:top;
3482   white-space: nowrap;
3485 .questiontext {
3486   font-size:1em;
3489 .smalltext {
3490   font-size:0.6em;
3493 .smalltextcell,
3494 .screenreadertext {
3495   width:10%;
3496   text-align:center;
3499 .foundthat,
3500 .preferthat {
3501   width:10%;
3502   white-space: nowrap;
3505 .qnumtopcell {
3506   width:10px;
3507   vertical-align:top;
3510 .qnummiddlecell {
3511   width:10px;
3512   vertical-align:middle;
3515 .optioncell {
3516   width:40%;
3517   vertical-align:middle;
3520 .buttoncell {
3521   width:5%;
3524 .questioncell {
3525   width:50%;
3526   vertical-align:top;
3529 .whitecell {
3530   background-color:white;
3532 /***
3533  *** Modules: Wiki
3534  ***/
3535 .sideblockheading,
3536 .howtowiki {
3537   text-align:right;
3540 .wikisearchform,
3541 .wikilinksblock,
3542 wikiadminactions {
3543   text-align:center;
3546 .wikilinkright{
3547   text-align:right;
3548   padding-bottom: 0.5em;
3551 .wikiexportbox{
3552   margin-left:auto;
3553   margin-right:auto;
3555 /***
3556  *** Modules: Workshop
3557  ***/
3558 .redfont {
3559   color: red;
3562 .workshopuploadform,
3563 .workshopkey {
3564   text-align:center;