MDL-7077, MDL-10181, adding notes for students
[moodle.git] / theme / standard / styles_layout.css
1 /*******************************************************************
2  styles_layout.css
4  This CSS file contains all layout definitions like positioning,
5  floats, margins, padding, borders etc.
7  Styles are organised into the following sections:
8   core
9   forms
10   header
11   footer
13   admin
14   blocks
15   blog
16   calendar
17   course
18   doc
19   grades
20   login
21   message
22   notes
23   mymoodle
24   question
25   tabs
26   user
28   various modules
30 *******************************************************************/
33 /***
34  *** Core
35  ***/
37 h1.main,
38 h2.main,
39 h3.main,
40 h4.main,
41 h5.main,
42 h6.main {
43   text-align: center;
44 }
46 #layout-table {
47   width:100%;
48   border-collapse:separate;
49   margin-top: 8px;
50 }
52 #layout-table #left-column,
53 #layout-table #middle-column,
54 #layout-table #right-column
55 {
56   vertical-align:top;
57 }
59 #layout-table #middle-column {
60   padding-left:12px;
61   padding-right:12px;
62 }
64 .clearer {
65   clear:both;
66   margin:0;
67   padding:0;
68   height:1px;
69   border:none;
70   background:transparent;
71   display:block;
72 }
74 .clearfix {
75   min-width: 0;
76   /* overflow: hidden; */
77 }
79 .clearfix:after {
80   /* content: "<!-- -->";  */
81   content: ".";
82   display: block;
83   height: 0;
84   clear: both;
85   visibility: hidden;
86 }
88 /* .clearfix {display: inline-table;} */
90 /* Hides from IE-mac \*/
91 * html .clearfix {height: 1%;}
92 .clearfix {display: block;}
93 /* End hide from IE-mac */
95 .mdl-align {
96   text-align: center;
97 }
99 .continuebutton {
100   text-align: center;
103 form {
104   margin-bottom:0;
107 table {
108   border-spacing: 0;
109   border-collapse: collapse;
112 a img {
113   border:none;
116 img.userpicture,
117 img.grouppicture {
118   border: 0;
121 #grouppicture {
122   text-align: center;
125 div.groupselector {
126   float: left;
127   margin-top: 3px;
128   margin-bottom: 3px;
131 #addmembersform table {
132   margin-left: auto;
133   margin-right: auto;
136 .notifyproblem {
137   text-align: center;
138   padding: 10px;
141 .notifysuccess {
142   text-align:center;
143   padding: 10px;
146 .notifytiny {
147   text-align:left;
148   padding: 0;
151 .singlebutton form,
152 .singlebutton div {
153   display:inline;
156 .generalbox {
157   border-width:1px;
158   border-style:solid;
159   margin-bottom: 15px;
160   padding:10px;
163 .generalbox#intro {
164   width:70%;
165   margin-left:auto;
166   margin-right:auto;
167   padding-bottom:15px;
170 .boxaligncenter {
171   margin-left:auto;
172   margin-right:auto;
175 .boxalignright {
176   margin-left:auto;
177   margin-right:0;
180 .boxalignleft {
181   margin-left:0;
182   margin-right:auto;
185 .boxwidthnarrow {
186   width: 30%
189 .boxwidthnormal {
190   width: 50%
193 .boxwidthwide {
194   width: 80%
197 .centerpara {
198   text-align:center
201 .noticebox {
202   border-width:1px;
203   border-style:solid;
204   padding:10px;
207 #notice.generalbox {
208   width: 60%;
209   margin-left:auto;
210   margin-right:auto;
213 #notice .buttons {
214   text-align:center
217 #notice .buttons div,
218 #notice .buttons form {
219   display:inline;
222 #notice .singlebutton {
223   text-align:center;
224   padding: 5px;
225   margin: 0px;
228 .errorbox {
229   border-width:1px;
230   border-style:solid;
231   margin: 1em 15%;
232   width: 70%;
233   padding:10px;
236 .errorbox .title {
237   padding: 5px;
240 .informationbox {
241   border-width:1px;
242   border-style:solid;
243   padding: 10px;
246 .feedbackbox {
247   border-width:1px;
248   border-style:solid;
251 .feedbackby {
254 .feedback {
257 .generaltable {
258   border-width: 1px;
259   border-style: solid;
262 .generaltable .cell {
263   border-width: 1px;
264   border-style: solid;
265   border-collapse: collapse;
268 #participationreport .reporttable {
269   text-align: center;  
270   margin-left:auto; 
271   margin-right:auto;
274 #participationreport {
275   text-align: center;
278 #participationreport .modulename {
279   font-weight: bold;
282 #participationreportselector {
283   text-align: center;
286 #participationreportactions {
287   text-align: center;
290 .initialbar {
291   text-align: center;
294 #help .indent {
295   margin-left:3em;
298 .closewindow,
299 #help .helpindex {
300   text-align: center;
303 .tabledivider {
304   border-width:1px;
305   border-style:solid;
306   border-left:0;
307   border-right:0;
308   border-top:0;
311 .sitetopic {
312   margin-bottom:20px;
315 .sitetopiccontent {
316   border-width:1px;
317   border-style:solid;
320 .pagingbar {
321   text-align:center;
324 .pagingbar a {
325   padding-left: 10px;
328 .pagingbar .thispage {
329   padding-left: 10px;
332 table.formtable {
333   margin: auto;
336 table.formtable tbody th {
337   vertical-align: top;
340 table.formtable tbody td,
341 table.formtable tbody th
343   padding: 5px;
346 table.formtable tbody .htmlarea td,
347 table.formtable tbody .htmlarea th
349   padding: 0;
352 .flexible th
354   white-space: nowrap;
357 .paging {
358   text-align: center;
359   margin: 10px 0 10px 0;
362 .unread {
363   padding-right:2px;
366 .cell {
367   vertical-align: top;
370 .helplink img {
371   vertical-align: middle;
372   margin: 0 2px;
373   width: 17px;
374   height: 17px;
377 img.emoticon {
378   vertical-align: middle;
379   width: 15px;
380   height: 15px;
383 form.popupform,
384 form.popupform div {
385     display: inline;
388 form.popupform label {
389   margin-right: 0.5em;
392 .arrow_button {
393   margin-top:3em;
396 .arrow_button input {
397   width:2.4em;
398   padding:0.3em;
399   overflow:hidden;
402 .groupmanagementtable td {
403   vertical-align: top;
406 .groupmanagementtable p {
407   text-align: center;
410 .groupmanagementtable select {
411   width: 18em;
414 img.icon {
415   vertical-align:middle;
416   margin-right:4px;
417   width:16px;
418   height:16px;
419   border:0px;
422 img.iconsmall {
423   vertical-align:middle;
424   margin-right:1px;
425   width:11px;
426   height:11px;
427   border:0px;
430 img.iconhelp {
431   vertical-align:middle;
432   margin-right:4px;
433   width:17px;
434   height:17px;
435   border:0px;
438 img.iconkbhelp {
439   width:49px;
440   height:17px;
441   border:0px;
444 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
445 .accesshide {
446   position:absolute;
447   top:-1000px;
448   left:10px;
449   font-weight:normal;
450   font-size:1em;
453 .invisiblefieldset {
454   display:inline;
455   border:0px;
456   padding:0px;
457   margin:0px;
460 span.hide,
461 div.hide {
462   display:none;
465 /***
466  *** Forms
467  ***/
469 .mform {
470   margin: 0 auto;
471   padding: 0;
472   width: 80%;
474 .mform fieldset {
475   border: 1px solid #DDDDDD;
476   padding: 10px 0;
477   margin: 0.7em 0;
478   width:100%;
480 .mform fieldset.hidden, .mform fieldset.felement {
481   border: 0;
483 .mform fieldset.felement {
484   width: auto;
486 .mform fieldset legend {
487   font-weight: bold;
488   margin-left: 0.5em;
490 .mform fieldset .advancedbutton{
491    width:100%;
492    text-align:right;
494 .mform div.fitem {
495   clear: both;
496   width: 100%;
497   min-height: 1.5em;
500 .mform .fitemtitle {
501   display: block;
502   float: left;
503   width: 30%;
504   padding: 0;
505   margin: 5px 0 0 10px;
506   text-align: right;
509 .mform .fitemtitle div{
510   display: inline;
513 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
514 fieldset.fdate_selector label {
515   display:inline;
516   float: none;
517   width: auto;
520 .mform div.felement,  .mform fieldset.felement{
521   display: block;
522   float: left;
523   margin: 5px 0 0 10px;
524   padding: 0;
525   text-align:left;
526   width: 60%;
529 .mform div.fdescription {
530   clear: both;
531   min-height: 1.5em;
534 .mform .fdescription.required {
535   text-align:right;
538 .mform input, .mform select {
539   width: auto;
541 .mform ftextarea {
543 .mform br {
544   clear: left;
546 .mform div.fhtmleditor {
547   margin: 0 auto 10px auto;
548   width : 600px;
549   clear:both;
550   float:none;
551   padding: 25px 0 20px 0;
553 .mform span.error, .mform span.required {
554   color: red;
556 .mform div.error,.mform fieldset.error {
557   border: 1px solid red;
558   padding: 5px;
559   color: inherit;
561 .mform .fcheckbox input {
562   margin-left: 0px;
564 .mform .fpassword .unmask {
565   display:inline;
567 .mform .fpassword .unmask input {
568   margin-left:5px;
569   margin-right:3px;
572 form#adminsettings div.htmlarea {
573   clear: left;
574   padding-top: 5px;
577 .mform label .req, .mform label .adv {
578   cursor: help;
581 /* form frozen */
582 div.mform div.fitem div.fstatic{
583         border-color : lightgrey;
584         border-style : dashed;
585         border-width : thin;
588 #admin-register .mform .fsubmit {
589   padding:20px;
590   text-align:center;
593 div.phpinfo .center{
594   text-align: center;
597 div.phpinfo .center table {
598   margin-left: auto;
599   margin-right: auto;
600   text-align: left;
603 div.phpinfo .center th {
604   text-align: center;
607 /***
608  *** Header
609  ***/
611 .headerskip {
612   position:absolute;
613   right:20em;
614   font-size:0.8em;
617 #header-home {
620 #header {
623 .headermain, h1.headermain {
624   float:left;
625   margin:0;
626   padding:0;
629 .headermenu {
630   float:right;
631   text-align:right;
634 .navigation li,
635 .navigation div,
636 .navigation button,
637 .navigation form {
638   display: inline;
641 .navbar {
642   width:auto;
643   padding:3px 0.5em;
644   border-width:1px;
645   border-style:solid;
648 .navbar .langmenu {
649   text-align:right;
652 table.navbar {
653   width: 100%;
656 .navbar .navbutton {
657   margin-top: 3px;
658   float: left;
661 .navbar .navbutton div,
662 .navbar .navbutton form {
663   display:inline;
664   margin:0px;
665   padding:0px;
668 .navbar .breadcrumb {
669   float:left;
670   margin:0.2em 0;
673 .breadcrumb ul {
674   padding:0;
675   margin:0;
676   text-indent:0;
677   list-style:none;
679 .breadcrumb li {
680   display:inline;
683 .navbar .navbutton,
684 .navbar .menu {
685   float:right;
688 #footer .navbar {
689   margin-top: 4em;
692 .reportlink {
693   text-align:right;
696 .navigation ul {
697   margin:0px;
698   padding:0px;
699   list-style-type:none;
702 .navigation ul li form,
703 .navigation ul li {
704   display:inline;
705   margin:0px;
706   padding:0px;
707   margin-left:2px;
710 .navigation optgroup {
711   text-align:center;
712   padding-top:4px;
715 .navigation option {
716   text-align:left;
719 .navigation optgroup option {
720   padding:0px;
723 #navmenupopup option,
724 #navmenufooterpopup option {
725   padding: 2px 0 2px 20px; 
726   background-repeat: no-repeat; 
727   background-position: 1px 2px; 
728   vertical-align: middle;
731 /***
732  *** Footer
733  ***/
735 #footer {
736   text-align:center;
737   margin-top: 40px;
740 .homelink {
741   margin: 1em 0;
744 .homelink a {
745   padding-left:1em;
746   padding-right:1em;
749 .performanceinfo {
750   margin: 2em;
753 .performanceinfo span {
754   display: block;
757 #footer .validators {
758   margin-top:40px;
759   padding-top:5px;
760   border-top: 1px dotted gray;
763 #footer .validators ul {
764   margin:0px;
765   padding:0px;
766   list-style-type:none;
769 #footer .validators ul li {
770   display:inline;
771   margin-right:10px;
772   margin-left:10px;
775 /***
776  *** Filters
777  ***/
778 span.mediaplugin {
779   display:block;
780   clear:both;
781   margin-top:5px;
782   margin-bottom:5px;
785 span.mediaplugin_mp3 {
786   display:inline;
787   clear:none;
788   margin:0px;
789   margin-left:0.5em;
793 /***
794  *** Admin
795  ***/
797 body#admin-index .c0 {
798   vertical-align: top;
801 body#admin-index .c1 {
802   vertical-align: middle;
805 body#admin-blocks table.generaltable th,
806 body#admin-filters table.generaltable th,
807 body#admin-modules table.generaltable th,
808 body#admin-auth table.generaltable th
810   white-space: nowrap;
813 body#admin-modules .generaltablecell
815   padding-top: 2px;
816   padding-bottom: 2px;
819 body#admin-blocks table.generaltable th,
820 body#admin-blocks table.generaltable td.cell,
821 body#admin-filters table.generaltable th,
822 body#admin-filters table.generaltable td.cell,
823 body#admin-modules table.generaltable th,
824 body#admin-modules table.generaltable td.cell,
825 body#admin-auth table.generaltable th,
826 body#admin-auth table.generaltable td.cell
828   padding: 4px;
829   text-align: center;
830   vertical-align: middle;
833 body#admin-blocks table.generaltable th.c0,
834 body#admin-blocks table.generaltable td.c0,
835 body#admin-filters table.generaltable th.c0,
836 body#admin-filters table.generaltable td.c0,
837 body#admin-modules table.generaltable th.c0,
838 body#admin-modules table.generaltable td.c0,
839 body#admin-auth table.generaltable th.c0,
840 body#admin-auth table.generaltable td.c0
842   text-align: left;
845 body#admin-modules table.generaltable td.c0
847   white-space: nowrap;
850 #admin-blocks
851 #admin-config .confighelp {
852   display: block;
853   padding-bottom: 20px;
856 #admin-roles-manage table.generalbox {
857   margin: auto;
860 #admin-stickyblocks .generalbox {
861   text-align:center;
864 #admin-index .copyrightnotice {
865   margin: auto;
866   text-align: center;
869 #admin-report-simpletest-index .exception pre {
870   padding: 8px;
873 #admin-report-simpletest-index .unittestsummary {
874   padding: 8px;
875   margin-top: 1em;
878 #admin-roles-allowassign .buttons,
879 #admin-roles-allowoverride .buttons,
880 #admin-roles-manage .buttons,
881 #admin-roles-override .buttons {
882   margin: 20px;
883   text-align:center;
886 #admin-roles-manage .buttons .singlebutton,
887 #admin-roles-override .buttons .singlebutton {
888   display: inline;
889   padding: 5px;
892 #admin-roles-manage .selector,
893 #admin-roles-override .selector {
894     text-align:center;
897 #admin-roles-manage table.roledesc,
898 #admin-roles-override table.roledesc {
899   margin-left:auto;
900   margin-right:auto;
903 #admin-roles-manage table.rolecap,
904 #admin-roles-override table.rolecap {
905   margin-left:auto;
906   margin-right:auto;
909 .rolecap .inherit,
910 .rolecap .allow,
911 .rolecap .prevent,
912 .rolecap .prohibit {
913   text-align:center;
916 #admin-roles-manage .rolecap .cap-desc .cap-name,
917 #admin-roles-override .rolecap .cap-desc .cap-name {
918   display: block;
921 #admin-roles-override .cell.c1,
922 #admin-roles-assign .cell.c1 {
923   padding-top: 0.75em;
926 #admin-lang .generalbox {
927   text-align:center;
928   margin:auto;
929   border-width: 1px;
930   border-style: solid;
933 #admin-langimport .generalbox {
934   text-align:center;
935   margin:auto;
936   border-width: 1px;
937   border-style: solid;
940 #admin-langimport .generalbox table {
941   text-align:center;
942   margin:auto;
945 #admin-index .adminwarning {
946   text-align:center;
947   border-width: 1px;
948   border-style: solid;
949   margin:20px;
952 #admin-index .adminwarning .singlebutton,
953 #admin-index #layout-table .singlebutton {
954   text-align:center;
955   margin:20px;
958 #adminsettings fieldset {
959   margin-top: 1em;
960   padding: 1em 0.5em;
963 #adminsettings legend {
964   display: none;
967 #adminsettings .form-group {
968   float: left;
971 #adminsettings .form-item {
972   margin: 0;
975 #adminsettings label {
976   display: block;
977   float: left;
978   width: 150px;
979   text-align: right;
982 #adminsettings .form-shortname {
983   display: block;
986 #adminsettings select,
987 #adminsettings input {
988   float: left;
989   margin: 0 0 0 10px;
992 #adminsettings textarea {
993   float: left;
994   margin: 0 0 0 10px;
995   width: 65%;
998 #adminsettings .form-group select,
999 #adminsettings .form-group input {
1000   display: inline;
1001   float: none;
1005 /* #adminsettings .admin-configtime .form-select {
1006   display: inline;
1007   float: none;
1010 #adminsettings div.admin-frontpage div.form-group select.form-select {
1011   display: inline;
1012   float: none;
1013 } */
1015 #adminsettings .description {
1016   clear: both;
1017   margin: 0 1em 0 160px;
1018   padding: 0.3em 0 1.5em 0;
1021 #adminsettings .form-item .unmask input {
1022   margin-left:5px;
1023   margin-right:3px;
1026 #adminsettings .form-item .unmask label {
1027   width: auto;
1028   text-align: left;
1031 .environmentbox {
1032     margin-top: 1em;
1035 .form-buttons {
1036   margin: 10px 0 0 160px;
1039 .form-text {
1040   width: 20em;
1042 .form-textarea { }
1043 .form-select { }
1044 .form-checkbox { }
1045 .form-radio { }
1046 .form-submit { }
1047 .form-reset { }
1049 .admin-frontpagedesc .htmlarea {
1050   margin: 0 auto 10px auto;
1051   width : 600px;
1054 .adminsearchform {
1055   padding-top:10px;
1058 .block_admin_tree .admintree {
1059   text-align:left;
1062 #admin-lang .translator {
1063   border-width: 1px;
1064   border-style: solid;
1067 #adminsettings #admin-calendar_weekend table {
1068   width: 100%;
1071 #adminsettings #admin-calendar_weekend table td {
1072   text-align: center;
1075 #adminsettings #admin-calendar_weekend table td label {
1076   width: 100%;
1077   text-align: center;
1078   float: none;
1081 #trustedhosts .generaltable {
1082   margin-left: auto;
1083   margin-right: auto;
1084   width: 500px;
1087 #trustedhosts .standard {
1088   width: auto;
1091 #mnetconfig table {
1092   margin-left: auto;
1093   margin-right: auto;
1096 /***
1097  *** Blocks
1098  ***/
1100 /*Accessibility: Skip block link, for screen reader users. */
1101 a.skip-block, .skip-block {
1102   display:block;
1103   width:2em;
1104   height:1px;
1106 .sideblock .skip-block {
1107   height:4px;
1109 .skip-block-to {
1110   font-size:1px;
1113 .sideblock {
1114   margin-bottom:1em;
1115   width: 100%;
1118 .sideblock .header, .sideblock h2.header {
1119   text-align: left;
1120   margin:0;
1121   padding:4px;
1122   padding-top:0;
1123   border-width: 1px;
1124   border-style: solid;
1125   border-bottom: none;
1127 .sideblock h2 {
1128   margin:0;
1129   padding:0;
1132 .sideblock .header .hide-show {
1133   float:right;
1136 .sideblock .header .hide-show img.hide-show-image {
1137   height:11px;
1138   width:11px;
1139   margin-top:0.25em;
1142 .sideblock .header .commands {
1143   margin-top: 0.3em;
1144   clear: both;
1145   height: 16px;
1148 .sideblock .header .commands a {
1149   margin: 0px 2px;
1152 #left-column .hidden .header,
1153 #right-column .hidden .header
1155   border-bottom-width: 1px;
1156   border-bottom-style: solid;
1159 #left-column .hidden .content,
1160 #right-column .hidden .content
1162   display: none;
1165 .sideblock .header .icon.hide,
1166 .sideblock .header .icon.edit {
1167   margin-right: 6px;
1170 .sideblock .content {
1171   padding: 4px;
1172   border-width: 1px;
1173   border-style: solid;
1176 .sideblock .content h3,
1177 .sideblock .content h2 {
1178   text-align: left;
1181 .sideblock .content h2 {
1182   margin:1.5em 0 0;
1183   padding:0;
1186 .sideblock .content .head {
1187   margin-top: 10px;
1190 .sideblock .content hr {
1191   height:1px;
1192   margin-top:4px;
1193   margin-bottom:4px;
1194   border:none;
1195   border-top:1px solid;
1198 .sideblock div.column {
1199   margin:0px;
1200   margin-right:4px;
1201   padding:0px;
1204 .sideblock div.column.c0 {
1205   float: left;
1208 .sideblock div.column.c1 {
1209   display: inline;
1212 .sideblock .content .c0 img.icon {
1213   margin:0px;
1216 .sideblock .content .list, .unlist, .inline-list {
1217   list-style:none;
1218   padding:0;
1219   margin:0;
1222 .sideblock .content .list {
1223   width: 100%;
1226 .sideblock .content .list li {
1227   clear: left;
1230 .sideblock .content .inline-list li {
1231   display:inline;
1234 .sideblock .content ul.list li.listentry {
1235   clear:both;
1238 .sideblock .content div.info {
1239   text-align:center;
1242 .sideblock .footer {
1243   margin-bottom: 4px;
1244   text-align:center;
1245   clear:both;
1248 .sideblock img.userpicture {
1249   width:16px;
1250   height:16px;
1251   margin-right:4px;
1254 .blockconfigtable {
1255   margin-top: 0;
1256   margin-right: auto;
1257   margin-left: auto;
1260 .blockconfigtable td.label {
1261     text-align: right;
1262     width: 50%;
1265 .blockconfigtable td.value {
1266     text-align: left;
1267     width: 50%;
1270 .blockconfigtable td.submit {
1271     text-align: center;
1274 .blockconfiginstancecontent .tabs {
1275   margin-bottom: 0px;
1276   margin-left: auto;
1277   margin-right: auto;
1280 .block_messages .content {
1281   text-align:left;
1282   font-size:0.75em;
1283   padding-top:5px;
1286 .block_recent_activitysideblock .h3 {
1287   padding-top:5px;
1290 .block_online_users .listentry div.user,
1291 .block_messages .listentry div.user {
1292   float:left;
1295 .block_online_users .listentry div.message,
1296 .block_messages .listentry div.message {
1297   float:right;
1300 .block_course_list .footer {
1301   margin-top: 5px;
1304 #rssfeeds {
1305   margin-left: auto;
1306   margin-right: auto;
1309 #block_rss {
1310   text-align: center;
1313 /***
1314  *** Blogs
1315  ***/
1316 .addbloglink {
1317   text-align: center;
1320 .blogpost .audience {
1321   text-align: right;
1324 .blogpost .tags {
1325   margin-top: 15px;
1329 /***
1330  *** Calendar
1331  ***/
1333 #calendar {
1334   width: 100%;
1335   border-spacing: 5px;
1336   border-collapse: separate;
1339 #calendar h2,
1340 #calendar h3
1342   text-align: center;
1345 #calendar .maincalendar,
1346 #calendar .sidecalendar
1348   vertical-align: top;
1349   border: 1px solid;
1350   padding: 0px;
1353 #calendar .maincalendar {
1354   height: 100%;
1357 #calendar .maincalendar .heightcontainer {
1358   height: 100%;
1359   position: relative;
1362 #calendar .maincalendar .bottom {
1363   width: 100%;
1364   text-align: center;
1365   padding:5px 0 0;
1368 #calendar .sidecalendar {
1369   width: 25%;
1372 #calendar .maincalendar table.calendarmonth {
1373   border-collapse: separate;
1374   margin: 0px auto;
1375   width: 98%;
1378 #calendar .maincalendar table.calendarmonth th {
1379   padding:10px;
1380   border-bottom:2px solid;
1383 #calendar .maincalendar table.calendarmonth td {
1384   height: 5em;
1385   padding-left: 4px;
1386   padding-top: 4px;
1387   line-height:1.2em;
1390 #calendar .maincalendar table.calendarmonth td,
1391 table.minicalendar td,
1392 table.minicalendar th {
1393   width:14%;
1394   vertical-align:top;
1396 table.minicalendar td {
1397   text-align: center;
1399 #calendar .maincalendar table.calendarmonth td table td {
1400   height: auto;
1403 #calendar div.header
1405   padding: 5px;
1408 #calendar .sideblock div.header
1410   border:none;
1413 #calendar .maincalendar .buttons {
1414   float: right;
1417 #calendar .maincalendar .filters table,
1418 #calendar .sidecalendar .filters table,
1419 .sideblock.block_calendar_month .filters table
1421   border-collapse:separate;
1422   border-spacing: 2px;
1423   padding: 2px;
1424   width: 100%;
1427 #calendar .maincalendar .filters {
1428   padding: 0px 10px;
1431 #calendar .sidecalendar .filters {
1432   padding: 5px;
1435 #calendar .maincalendar .controls {
1436   clear:both;
1437   padding:10px;
1440 #calendar .maincalendar table.calendarmonth ul.events-new,
1441 #calendar .maincalendar table.calendarmonth ul.events-underway
1443   padding:0px;
1444   margin:0px;
1445   list-style-type:none;
1448 #calendar .maincalendar table.calendarmonth ul li {
1449   margin-top: 4px;
1452 .minicalendarblock {
1453   padding: 0px 4px;
1456 table.minicalendar {
1457   width: 100%;
1458   margin: 10px auto;
1459   padding:2px;
1460   border-width:1px;
1461   border-style:solid;
1462   border-collapse:separate;
1463   border-spacing:1px !important;
1466 table.minicalendar th {
1467   padding: 0px 2px;
1470 #calendar .maincalendar .eventlist {
1471   padding: 10px;
1474 #calendar .maincalendar .eventlist .topic {
1475   padding: 5px;
1476   border-style:solid;
1477   border-width: 0px;
1478   border-bottom-color: #EEEEEE;
1479   border-bottom-width: 1px;
1482 #calendar .maincalendar .eventlist .event {
1483   width:100%;
1484   margin-bottom:10px;
1485   border-spacing:0px;
1486   border-collapse:separate;
1487   border-width:1px;
1488   border-style:solid;
1491 #calendar .maincalendar .eventlist .event .name {
1492   float:left;
1495 #calendar .maincalendar .eventlist .event .course {
1496   float:left;
1497   clear:left;
1500 #calendar .maincalendar .eventlist .event .date {
1501   float:right;
1504 #calendar .maincalendar .eventlist .event .description .commands {
1505   width:100%;
1508 #calendar .maincalendar .eventlist .event .description {
1509   padding:5px;
1512 #calendar .maincalendar .eventlist .event .picture {
1513   padding:8px;
1516 #calendar .maincalendar .eventlist .event .side {
1517   width:32px;
1520 #calendar #selecteventtype table {
1521   margin:auto;
1524 #calendar .event_global,
1525 #calendar .event_course,
1526 #calendar .event_course0,
1527 #calendar .event_course1,
1528 #calendar .event_course2,
1529 #calendar .event_group,
1530 #calendar .event_user,
1531 .minicalendar .event_global,
1532 .minicalendar .event_course,
1533 .minicalendar .event_course0,
1534 .minicalendar .event_course1,
1535 .minicalendar .event_course2,
1536 .minicalendar .event_group,
1537 .minicalendar .event_user {
1538   border:2px solid !important;
1541 #calendar .duration_global,
1542 #calendar .duration_course,
1543 #calendar .duration_course0,
1544 #calendar .duration_course1,
1545 #calendar .duration_course2,
1546 #calendar .duration_group,
1547 #calendar .duration_user,
1548 .minicalendar .duration_global,
1549 .minicalendar .duration_course,
1550 .minicalendar .duration_course0,
1551 .minicalendar .duration_course1,
1552 .minicalendar .duration_course2,
1553 .minicalendar .duration_group,
1554 .minicalendar .duration_user
1556   border-top:2px solid !important;
1557   border-bottom:2px solid !important;
1560 #calendar .today,
1561 .minicalendar .today {
1562   border:2px solid;
1565 #calendar .nottoday,
1566 .minicalendar .today {
1567   border:1px solid;
1570 .cal_popup_bg {
1571   padding:0px;
1572   margin:0px;
1573   border:1px solid;
1576 .cal_popup_close {
1577   margin-right:5px;
1580 .cal_popup_caption {
1581   border-width:0px 0px 1px 0px;
1582   border-style:solid;
1583   padding-bottom:2px;
1586 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1587 .calendar-controls .previous,
1588 .calendar-controls .next,
1589 .calendar-controls .current {
1590   display: block;
1591   float: left;
1592   width: 12%;
1594 .calendar-controls .previous {
1595   text-align: left;
1597 .calendar-controls .current {
1598   text-align: center;
1599   width: 76%;
1601 .calendar-controls .next {
1602   text-align: right;
1605 #calendar .maincalendar .calendar-controls .previous,
1606 #calendar .maincalendar .calendar-controls .next
1608   width: 30%;
1610 #calendar .maincalendar .calendar-controls .current {
1611   width: 39.95%;
1614 #calendar .indent {
1615   padding-left: 20px;
1618 #calendar td.sidecalendar {
1619 border-width:0px;
1622 #calendar td.sidecalendar .sideblock {
1623   border: 1px solid;
1624   margin-bottom:10px;
1627 #calendar td.sidecalendar .minicalendartop {
1628   padding-top:10px;
1631 .sideblock .content h3.eventskey {
1632     margin-top:0.5em;
1633     margin-bottom:0;
1634     margin-left:0.5em;
1637 /***
1638  *** Course
1639  ***/
1641 .activitydate, .activityhead {
1642   text-align:center;
1645 #course-view .section td {
1646   vertical-align:top;
1649 #course-view .section td.content {
1650   padding:5px;
1651   border-style:solid;
1652   border-width:1px;
1653   border-left:0px;
1654   border-right:0px;
1657 #course-view .section td.side {
1658   padding:5px;
1659   border-style:solid;
1660   border-width:1px;
1663 #course-view .section td.left {
1664   border-right:0px;
1665   text-align:center;
1666   width: 1.5em;
1669 #course-view .section td.right {
1670   border-left:0px;
1671   text-align:center;
1672   width: 1.5em;
1675 #course-view .current .side {
1678 #course-view .section .spacer {
1679   height:0.5em;
1682 #course-view .section .weekdates {
1685 #course-view ul.section,
1686 #site-index ul.section {
1687   margin: 0;
1688   padding: 0;
1689   list-style: none;
1692 .section_add_menus {
1693   text-align:right;
1696 .section_add_menus .horizontal div {
1697   display:inline;
1701 /*#course-view ul.section li.activity ul li,
1702 #site-index ul.section li.activity ul li {
1703   list-style: disc;
1704 }*/
1706 /*Accessibility: No-tables course format. */
1707 #course-view ul.weekscss {
1708   margin: 0;
1709   padding: 0;
1710   list-style: none;
1712 /* Window-width: 800 pixels.
1713    IE doesn't support, see inline IE conditional comment. */
1714 .weekscss-format {
1715   min-width: 763px;
1717 .weekscss-format .block_adminblock select,
1718 .weekscss-format .block_calendar_month .minicalendar {
1719   width: 100%;
1720   padding: 0;
1722 .weekscss-format .block_calendar_month .minicalendar th,
1723 .weekscss-format .block_calendar_month .minicalendar td {
1724   padding: 0.1em 0 0.1em 1px;
1726 .weekscss-format #middle-column {
1727   margin: 0 12.5em 0 12.5em;
1729 .weekscss-format #left-column,
1730 .weekscss-format #right-column {
1731   width: 11.5em;
1733 .weekscss-format #left-column {
1734   float: left;
1736 .weekscss-format #right-column {
1737   float: right;
1739 .weekscss li.section {
1740   margin-bottom: 0.5em;
1741   border-style:solid;
1742   border-width:1px;
1744 .weekscss .content,
1745 .weekscss .side {
1746   padding: 5px;
1748 .weekscss .content {
1749   margin: 0 1.7em 0 1.7em;
1751 .weekscss .right {
1752   width: 1.6em;
1753   float: right;
1754   text-align:center;
1757 .section .activity img.activityicon {
1758   vertical-align:middle;
1759   height:16px;
1760   width:16px;
1763 .section img.movetarget {
1764   height:16px;
1765   width:80px;
1768 body#course-view .unread {
1769   margin-left: 3em;
1772 body#course-view .sideblock.drag .header {
1773   cursor: move;
1776 body#course-enrol .generalbox {
1777   margin-top: 20px;
1780 body#course-enrol .coursebox {
1781   margin-top: 20px;
1784 body#course-user .graph {
1785   text-align: center;
1788 body#course-user .section,
1789 body#course-user .content {
1790   margin-left: 30px;
1791   margin-right: 30px;
1794 body#course-user .section {
1795   border-width:1px;
1796   border-style:solid;
1797   padding:10px;
1798   margin-bottom: 20px;
1801 body#course-user .section h2 {
1802   margin-top: 0;
1806 .headingblock, h2.headingblock {
1807   border-width:1px;
1808   border-style:solid;
1809   padding:5px;
1810   margin:0;
1813 #site-index .subscribelink,
1814 #course-view .subscribelink {
1815   text-align:right;
1818 body#site-index .headingblock,
1819 body#course-view .headingblock {
1820   margin-bottom: 9px;
1823 body#course-category .courseboxes,
1824 body#course-index .courseboxes {
1825   padding:20px;
1828 body#course-category .rolelink {
1829   text-align:right;
1830   padding:10px;
1833 body#course-index #middle-column .editcourse {
1834   margin-left:auto;
1835   margin-right:auto;
1836   margin-top:20px;
1837   margin-bottom:20px;
1840 body#course-index #middle-column .editcourse th,
1841 body#course-index #middle-column .editcourse td {
1842   padding-left:10px;
1843   padding-right:10px;
1846 body#course-index #middle-column .editcourse .count {
1847   text-align:right;
1850 body#course-index .singlebutton,
1851 body#course-index .addcategory {
1852   text-align: center;
1855 body#course-info .generalbox.icons {
1856   text-align: center;
1859 body#course-info .generalbox.info {
1860   margin-left:auto;
1861   margin-right:auto;
1864 .coursebox {
1865   width: 100%;
1866   float:left;
1867   margin-bottom: 15px;
1868   border-width:1px;
1869   border-style:solid;
1872 .coursebox .summary {
1873   float: right;
1874   text-align:left;
1875   width: 48%;
1876   padding:5px;
1879 .coursebox .info {
1880   float: left;
1881   text-align:left;
1882   width: 48%;
1883   padding:5px;
1886 #my-index .coursebox .info {
1887   float: none;
1890 #my-index .name {
1891   margin-left: 5px;
1894 .categorylist {
1895   width:90%;
1896   margin-left:auto;
1897   margin-right:auto;
1900 .categorylist .category.image {
1901   width:20px;
1904 .categorylist .category.number {
1905   text-align:right;
1908 .categoryboxcontent {
1909   border-width:1px;
1910   border-style:solid;
1913 .categorypicker {
1914   text-align:center;
1915   padding-bottom:10px;
1918 #coursesearch,
1919 #coursesearch2 {
1920   text-align:center;
1923 .addcoursebutton {
1924   text-align:center;
1927 .coursebox .cost {
1928   padding-top: 20px;
1931 .coursebox ul.teachers li {
1932   list-style-type:none;
1933   padding:0;
1934   margin:0;
1937 #course-category #renameform {
1938   text-align:center;
1941 #course-category #themeform {
1942   text-align: center;
1945 #course-category .singlebutton {
1946   text-align:center;
1949 #course-category #coursesearch {
1950   text-align:center;
1954 #course-report #content {
1955   padding-top:15px;
1956   padding-bottom:15px;
1959 #course-report p {
1960   text-align:center;
1963 #course-report .logselectform,
1964 #course-report .participationselectform,
1965 #course-report-log-index .logselectform,
1966 #course-report-participation-index .participationselectform {
1967   margin-left:auto;
1968   margin-right:auto;
1969   text-align:center;
1970   margin-top:10px;
1971   margin-bottom:10px;
1974 #course-report .participationselectform label,
1975 #course-report-participation-index .participationselectform label {
1976   margin-left:15px;
1977   margin-right:5px;
1980 #course-report-log-index .info {
1981   margin-left:auto;
1982   margin-right:auto;
1983   text-align:center;
1984   margin:10px;
1987 #content .coursebox .summary .category {
1988   text-align:right;
1991 #course-editsection .singlebutton {
1992   text-align:center;
1995 /***
1996  *** Group
1997  ***/
1998 body#group-index #groupeditform {
1999   text-align: center;
2003 /***
2004  *** Doc
2005  ***/
2007 body#doc-contents h1 {
2008   margin: 1em 0px 0px 0px;
2011 body#doc-contents ul {
2012   list-style-type: none;
2013   margin: 0;
2014   padding: 0;
2015   width: 90%;
2019 /***
2020  *** Grades
2021  ***/
2023 body#grade-index .grades {
2024   border-width:1px;
2025   border-style:solid;
2026   border-collapse: separate;
2029 body#grade-index .grades td {
2030   border-width:0 1px 0 1px;
2031   border-style:solid;
2032   border-collapse: collapse;
2035 body#grade-index .grades .header {
2036   vertical-align: top;
2039 body#grade-index .grades .points,
2040 body#grade-index .grades .percent,
2041 body#grade-index .grades .weighted {
2042   text-align: right;
2045 .backup-form-instances {
2046    margin:0px 20px 0px 20px;
2048 .restore-form-instances {
2049    margin:0px 20px 0px 20px;
2053 /* new grades CSS */
2055 #grade-report table {
2056   border-width:1px;
2057   border-style:solid;
2060 #grade-report table td {
2061   border-width:1px;
2062   border-style:solid;
2065 #grade-report tr.heading {
2066   border-width:0px 0px 0px 0px;
2067   border-style:solid;
2070 #grade-report .heading td {
2071   border-width:0px 0px 0px 0px;
2072   border-style:solid;
2075 #grade-report td.category {
2076   border-width:1px 1px 0px 1px;
2077   border-style:solid;
2080 #grade-report th.user {
2081   border-width:0px 0px 1px 0px;
2082   border-style:solid;
2085 #grade-report th.categoryitem,
2086 #grade-report th.courseitem,
2087 #grade-report td.topleft {
2088   border-width:0px 1px 0px 1px;
2089   border-style:solid;
2092 #grade-report td.fillerfirst {
2093   border-width:0px 0px 0px 1px;
2094   border-style:solid;
2097 #grade-report td.fillerlast {
2098   border-width:0px 1px 0px 0px;
2099   border-style:solid;
2102 #grade-report th.item {
2103   border-width:1px 1px 1px 1px;
2104   border-style:solid;
2107 /* gradebook edit tree */
2109 #grade-report-grader-category .gradetreebox {
2110   width:70%;
2111   margin-left:auto;
2112   margin-right:auto;
2113   margin-top:10px;
2114   padding-bottom:15px;
2117 #grade-report-grader-category .buttons {
2118   margin: 20px;
2119   text-align:center;
2122 #grade-report-grader-category .buttons .singlebutton {
2123   display: inline;
2124   padding: 5px;
2128 #grade-report-grader-category .movetarget {
2129   position: relative;
2130   width: 80px;
2131   height: 16px;
2134 #grade-report-grader-category ul#grade_tree {
2135   width: auto;
2138 #grade-report-grader-category ul#grade_tree li {
2139   list-style: none;
2142 #grade-report-grader-category ul#grade_tree li.category {
2143   margin-bottom: 6px;
2146 #grade-report-grader-category .moving {
2147   background-color: #E8EEF7;
2150 #grade-report-grader-category .iconsmall {
2151   margin-left: 4px;
2154 /***
2155  *** Login
2156  ***/
2158 .loginbox {
2159   margin-top:15px;
2160   margin-bottom:15px;
2161   border:1px solid;
2162   width:50%;
2163   margin-left:25%;
2164   overflow:hidden;
2167 .loginbox form {
2168   margin:0px;
2169   padding:0px;
2172 .loginbox.twocolumns {
2173   width:90%;
2174   margin-left:5%;
2175   /* background: #faa; */
2178 .loginbox h2,
2179 .loginbox .subcontent {
2180   margin:5px;
2181   padding:10px;
2182   text-align:center;
2185 .loginbox .loginpanel .subcontent {
2186   text-align:center;
2189 .loginbox .loginpanel .desc {
2190   margin:0px;
2191   padding:0px;
2192   margin-bottom:5px;
2195 .loginbox .signuppanel .subcontent {
2196   text-align:left;
2199 .loginbox .loginsub {
2200   margin-left:0%;
2201   margin-right:0%;
2204 .loginbox .guestsub,
2205 .loginbox .forgotsub {
2206   border-top:1px solid;
2207   margin-left:12%;
2208   margin-right:12%;
2209   margin-bottom:5px;
2212 .loginbox .loginform {
2213   margin-top:1em;
2214   text-align:left;
2217 .loginbox .loginform .form-label {
2218   float:left;
2219   text-align:right;
2220   width:40%;
2223 .loginbox .loginform .form-input {
2224   float:right;
2225   width:59%;
2228 .loginbox .loginform .form-input input {
2229   width: 6em;
2232 .loginbox .signupform {
2233   margin-top:1em;
2234   text-align:center;
2237 .loginbox.twocolumns .loginpanel {
2238   float:left;
2239   width:49.5%;
2240   border-right: 1px solid;
2241   margin-bottom:-2000px;
2242   padding-bottom:2000px;
2243   /* background: #afa; */
2246 .loginbox.twocolumns .signuppanel {
2247   float:right;
2248   width:50%;
2249   margin-bottom:-2000px;
2250   padding-bottom:2000px;
2254 /***
2255  *** Message
2256  ***/
2259 #message-user .userpicture,
2260 #message-history .userpicture {
2261   width: 100px;
2262   height: 100px;
2265 .message-discussion-noframes #userinfo .userpicture {
2266   float:left;
2269 .message-discussion-noframes #userinfo .name h1 {
2270   margin:0px;
2273 .message-discussion-noframes #userinfo .name {
2274   text-align:center;
2275   margin-left:60px;
2278 .message-discussion-noframes #userinfo .commands {
2279   text-align:left;
2280   margin-left:60px;
2283 .message-discussion-noframes #userinfo .commands ul {
2284   margin:0px;
2285   padding:0px;
2286   list-style-type:none;
2289 .message-discussion-noframes #userinfo .commands ul li {
2290   display:inline;
2291   padding-right:16px;
2294 .message-discussion-noframes #send {
2295   padding-top:10px;
2296   clear:both;
2299 .message-discussion-noframes #send h1 {
2300   margin:0px;
2303 .message-discussion-noframes #messages {
2304   padding-top:10px;
2307 .message-discussion-noframes #messages ul.messagelist {
2308   margin:0px;
2309   padding:0px;
2312 .message-discussion-noframes #send h1 {
2313   margin:0px;
2316 .message .noframesjslink {
2317   margin-top:20px;
2320 .message .link {
2321   vertical-align:middle;
2324 table.message .searchresults td {
2325   padding:5px;
2326   border-width:1px;
2327   border-style:solid;
2328   border-collapse:collapse;
2329   border-spacing:0px;
2331 .message .summary .link {
2332   text-align:right;
2334 .message .heading {
2335   text-align:center;
2338 .message .note {
2339   text-align:center;
2340   padding:10px;
2343 #message-user .commands span {
2344   margin-left:10px;
2345   margin-right:10px;
2348 body#message-messages {
2349   padding:10px;
2352 /***
2353  *** Notes
2354  ***/
2355 .notepost {
2356     margin-bottom: 1em;
2357     background-color: #F0F0F0;
2359 .sitenotepost {
2360     background-color: #FFFFF0;
2362 .coursenotepost {
2364 .draftnotepost {
2365     background-color: #F0FFF0;
2368 .ownnotepost .info {
2369     font-weight: bolder;
2372 .notepost .header {  
2375 .notepost .user {
2376     font-weight: bolder;
2379 .notepost .userpicture {
2380     float: left;
2381     margin: 5px;
2383 .notepost .rating5 {
2384     color: red;
2386 .notepost .rating1 {
2387     color: orange;
2389 .notepost .info, .notepost .rating {
2390     font-size: smaller;
2393 .notepost .content {
2396 .notepost .footer {
2399 /***
2400  *** MyMoodle
2401  ***/
2403 .my .coursebox .overview .info {
2404   margin-left:20px;
2407 .my .coursebox .overview {
2408   margin-bottom:10px;
2412 /***
2413  *** Question
2414  ***/
2415 .questionbank h2 {
2416   margin-top: 0;
2419 .que {
2420   text-align: left;
2421   margin: 10px auto 15px auto;
2422   border: 1px solid;
2423   clear: both;
2425 .que .info {
2426   float: left;
2427   margin: 5px 0 5px 5px;
2428   width: 8%;
2430 .que .grade {
2431   margin-top: 0.5em;
2433 .que .content {
2434   float: left;
2435   margin: 5px 0 5px 5px;
2436   width: 88%;
2438 .que .qtext {
2439   margin-bottom: 1.5em;
2441 .que .ablock {
2442   margin: 0.7em 0 0.3em 0;
2444 .que .prompt {
2445   float: left;
2446   width: 15%;
2447   height: 2em;
2448   padding-top: 0.3em;
2450 .que .control {
2451   width: 5%;
2453 .que .answer {
2454   float: left;
2455   width: 83%;
2456   margin-bottom: 0.5em;
2458 .que .submit {
2459   position: relative;
2460   clear: both;
2461   float: left;
2463 /* MSIE Hack */
2464 * html .que .submit {
2465   float: none;
2467 .multianswer .submit {
2468   margin-top: 1em;
2470 .que .c0,
2471 .que .c1 {
2472   padding: 0.3em 0 0.3em 0.3em;
2473   vertical-align: top;
2475 .que .feedback {
2476   clear: both;
2477   padding: 0 0 0.3em 0.3em;
2478   margin-bottom: 0.5em;
2479   border: 1px solid;
2481 .multichoice td.feedback {
2482   width: auto;
2483   vertical-align: top;
2484   padding-top: 0.3em;
2485   border-style: none;
2487 .essay .feedback {
2488   border-style: none;
2490 .multichoice .text {
2491   width: auto;
2493 .calculated .answer,
2494 .numerical .answer,
2495 .shortanswer .answer,
2496 .truefalse .answer {
2497   padding: 0.3em 0 0.3em 0.3em;
2499 .calculated .answer input,
2500 .numerical .answer input,
2501 .shortanswer .answer input {
2502   width: 85%;
2504 .truefalse .answer span {
2505   float: left;
2506   clear: left;
2507   padding: 0.2em 0;
2509 .que .grading,
2510 .que .comment,
2511 .que .commentlink,
2512 .que .generalfeedback,
2513 .que .history {
2514   margin-top: 0.5em;
2517 .importerror {
2518   margin-top: 10px;
2519   border-bottom: 1px solid #555;
2522 /***
2523  *** Logs
2524  ***/
2526 .logtable {
2527   margin-left:auto;
2528   margin-right:auto;
2531 .logtable td,
2532 .logtable th {
2533   padding-left: 10px;
2534   padding-right: 10px;
2537 .logtable th {
2538   text-align:left;
2541 #course-user .info {
2542   margin-left:auto;
2543   margin-right:auto;
2544   text-align:center;
2545   margin:10px;
2548 /***
2549  *** Tabs
2550  ***/
2553 /*globalnav*/
2554 .tabtree {
2555   position:relative;
2558 .tabrow0 {
2559   text-align: center;
2560   width:100%;
2561   padding:0 0 1.75em 0;
2562   margin:0;
2563   list-style:none;
2564   line-height:1.8em;
2565   font-size: 84%;
2568 .tabrow0 li {
2569   display: inline;
2570   margin: 0 -4px 0 0;
2571   padding: 0;
2574 .tabrow0 a span {
2575   padding: 10px 14px 0.35em 0;
2576   background: transparent url(pix/tab/right.gif) no-repeat right top;
2579 .tabrow1 li a span {
2580   background: none !important;
2583 .tabrow0 a {
2584   text-decoration: none;
2585   background: transparent url(pix/tab/left.gif) no-repeat left top;
2586   margin: 0 -1px 0 0;
2587   padding: 10px 0 0.35em 13px;
2590 .tabrow0 a:hover {
2591   background-image: url(pix/tab/left_hover.gif);
2594 .tabrow0 .here a:hover {
2595   background-image: url(pix/tab/left.gif);
2598 .tabrow0 a:hover span {
2599   background-image: url(pix/tab/right_hover.gif);
2602 .tabrow0 .here a:hover span {
2603   background-image: url(pix/tab/right.gif);
2606 .tabrow0 .here a {
2607   color:#444;
2611 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2612   position:relative;
2613   z-index:102;
2616 /*subnav*/
2617 .tabrow0 .empty {
2618   height: 1px;
2619   overflow: hidden;
2620   padding: 0;
2623 .tabrow0 div,
2624 .tabrow0 ul {
2625   position: absolute;
2626   left: 0;
2627   top: 2.0em;
2628   width: 100%;
2629   margin: 0;
2630   padding: 0.25em 0;
2631   list-style: none;
2632   border-top: 1px solid #aaa;
2633   line-height: normal;
2634   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2635   font-size: 90%;
2638 .tabrow0 ul li {
2639   display:inline;
2640   margin-top:1px;
2641   background-image: none;
2644 .tabrow0 ul a {
2645   background-image: none;
2646   color:#00c;
2647   margin:0;
2648   padding:0 1em;
2649   border:0
2652 .tabrow0 ul a span {
2653   padding: 0;
2654   background-image: none;
2657 .tabrow0 ul .last span,
2658 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2659 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2660   background-image: none !important;
2663 .tabrow0 ul div {
2664   display: none;
2667 ul.tabrow1 li a,
2668 ul.tabrow1 li a:link,
2669 ul.tabrow1 li a:visited {
2670   color:#00c;
2671   font-size: 110%;
2674 ul.tabrow1 li.here.selected a {
2675   color:#444;
2678 /***
2679  *** User
2680  ***/
2682 .userinfobox {
2683   margin-bottom:5px;
2684   border-width: 1px;
2685   border-style: solid;
2686   border-collapse: separate;
2689 .userinfobox .left,
2690 .userinfobox .side {
2691   padding: 10px;
2692   width: 100px;
2693   vertical-align: top;
2696 .userinfobox .userpicture {
2697   width: 100px;
2698   height: 100px;
2701 .userinfobox .content {
2702   padding: 10px;
2703   vertical-align: top;
2706 .userinfobox .links {
2707   width: 100px;
2708   padding: 5px;
2709   vertical-align: bottom;
2712 .userinfobox .list td {
2713   padding: 3px;
2716 .userinfobox .username {
2717   padding-bottom: 20px;
2720 .userinfobox td.label {
2721   text-align:right;
2722   white-space: nowrap;
2723   vertical-align: top;
2726 table.userinfobox {
2727   width: 80%;
2728   margin-left: 10%;
2729   margin-right: 10%;
2732 table.groupinfobox {
2733   width: 60%;
2734   margin-left: 20%;
2735   margin-right: 20%;
2736   border-width:1px;
2737   border-style:solid;
2738   margin-bottom: 20px;
2741 .groupinfobox .left {
2742   padding: 10px;
2743   width: 100px;
2744   vertical-align: top;
2747 body#user-index h2 {
2748   text-align: center;
2751 #user-view .buttons,
2752 #user-index .buttons {
2753   text-align: center;
2756 #user-view .buttons form,
2757 #user-view .buttons form div {
2758   display:inline;
2761 body#user-index #longtimenosee,
2762 body#user-index #showall {
2763   text-align: center;
2766 body#user-index #showall {
2767   margin: 10px 0px;
2770 body#user-index table#participants {
2771   margin: auto;
2772   width: 80%;
2775 body#user-index table#participants td,
2776 body#user-index table#participants th {
2777   vertical-align: middle;
2778   text-align: left;
2779   padding: 4px;
2782 body#user-index table.controls {
2783   width: 100%;
2785 body#user-index table.controls tr {
2786   vertical-align: top;
2788 body#user-index table.controls td.right,
2789 body#user-index table.controls td.left {
2790   padding: 4px;
2792 body#user-index table.controls .right {
2793   text-align: right;
2795 body#course-participation h2 {
2796   text-align:center;
2798 body#course-participation #showall {
2799   text-align:center;
2800   margin: 10px 0px;
2802 body#user-index .rolesform {
2803   text-align:center;
2806 #user-policy .noticebox {
2807   text-align:center;
2808   margin-left:auto;
2809   margin-right:auto;
2810   margin-bottom:10px;
2811   width:80%;
2812   height:250px;
2815 #user-policy #policyframe {
2816   width:100%;
2817   height:100%;
2820 /***
2821  *** Modules: Assignment
2822  ***/
2824 .userpicture,
2825 .picture user,
2826 .picture teacher {
2827   width:35px;
2828   vertical-align:top;
2830 .modform {
2831   text-align:center;
2834 /***
2835  *** Modules: Chat
2836  ***/
2838 .nextchatsession {
2839   text-align:center;
2842 #mod-chat-gui_header_js-jsupdate {
2843   margin:10px
2845 #mod-chat-gui_header_js-jsupdate .chat-event,
2846 #mod-chat-gui_header_js-jsupdate .chat-message {
2847   width:100%;
2848   padding:0;
2849   margin-top:7px
2852 #mod-chat-view #chatcurrentusers .chatuserdetails {
2853   vertical-align: middle;
2856 #mod-chat-view #enterlink {
2857   text-align: center;
2858   margin-left: auto;
2859   margin-right: auto;
2860   width: 50%;
2863 .chat-event .picture,
2864 .chat-message .picture {
2865   width:40px;
2866   vertical-align:top;
2868 .chat-event .text,
2869 .chat-message .text {
2870   text-align: left;
2873 #mod-chat-gui_basic #participants ul {
2874   margin:0px;
2875   padding:0px;
2876   list-style-type:none;
2879 #mod-chat-gui_basic #participants ul li {
2880   display:inline;
2881   margin-right:10px;
2884 #mod-chat-gui_basic #participants ul li .userinfo {
2885   display:inline;
2888 #mod-chat-gui_basic #messages dl {
2889   padding:0px;
2890   margin:1px;
2893 #mod-chat-gui_basic #messages dd,
2894 #mod-chat-gui_basic #messages dt {
2895   margin-left:0px;
2896   margin-right:5px;
2897   padding:0px;
2898   display:inline;
2901 /***
2902  *** Modules: Choice
2903  ***/
2904 .button {
2905   text-align:center;
2908 .attemptcell {
2909   width:5px;
2910   white-space: nowrap;
2913 .anonymous,
2914 .names {
2915   margin-left:auto;
2916   margin-right:auto;
2919 .downloadreport {
2920   border:0px;
2921   margin-left:auto;
2922   margin-right:auto;
2925 .choiceresponse {
2926   width:100%;
2928 .choiceresponse .picture {
2929   width:10px;
2930   white-space: nowrap;
2933 .choiceresponse .fullname {
2934   width:100%;
2935   white-space: nowrap;
2939 .results.data {
2940   vertical-align:top;
2941   white-space: nowrap;
2944 /***
2945  *** Modules: Data
2946  ***/
2947 .fieldadd,
2948 .sortdefault,
2949 .defaulttemplate {
2950   text-align:center;
2952 .datapreferences {
2953   text-align:center;
2956 table.presets {
2957   margin-left: auto;
2958   margin-right: auto;
2961 /***
2962  *** Modules: Forum
2963  ***/
2965 .forumheaderlist,
2966 .forumpost {
2967   border-width:1px;
2968   border-style:solid;
2969   border-collapse:separate;
2972 .forumpost {
2973   margin-top: 15px;
2976 .forumpost .topic {
2977   padding: 4px;
2978   border-style:solid;
2979   border-width: 0px;
2980   border-bottom-width: 1px;
2983 .forumpost .commands {
2984   padding-top: 0.5em;
2985   text-align:right;
2986   clear: both;
2989 .forumpost .ratings {
2990   padding-top: 1em;
2991   text-align:right;
2994 .forumpost .attachments {
2995   padding: 7px;
2996   text-align:right;
2999 .forumpost .content {
3000   padding: 4px;
3003 .forumpost .footer {
3004   padding-top: 0.5em;
3005   text-align:right;
3008 .forumpost .link {
3009   padding-top: 0.5em;
3010   text-align:right;
3013 .forumpost .left {
3014   width: 35px;
3015   padding: 4px;
3016   text-align: center;
3017   vertical-align: top;
3020 .mod-forum .indent {
3021   margin-left: 30px;
3024 body#user-view .forumpost,
3025 .course .forumpost {
3026   width: 100%;
3029 body#mod-forum-search .c0 {
3030   text-align: right;
3033 body#mod-forum-search .introcontent {
3034   padding: 15px;
3037 .forumolddiscuss {
3038   text-align: right;
3041 .forumheaderlist {
3042   width: 100%;
3045 .forumheaderlist td {
3046   border-width:1px 0px 0px 1px;
3047   border-style:solid;
3050 .forumheaderlist .replies {
3051   text-align: center;
3052   white-space: nowrap;
3055 .forumheaderlist .picture {
3056   width: 35px;
3059 .forumheaderlist .discussion .starter {
3060   vertical-align: middle;
3063 .forumheaderlist .lastpost {
3064   white-space: nowrap;
3065   text-align: right;
3068 .forumheaderlist .discussion .author {
3069   white-space: nowrap;
3071 .forumolddiscuss {
3072   text-align:right;
3074 .forumaddnew,
3075 .forumnodiscuss,
3076 .noticeboxcontent {
3077   text-align:center;
3080 #mod-forum-view .forumcontrol .groupmenu {
3081   float: left;
3082   text-align:left;
3083   white-space: nowrap;
3086 #mod-forum-view .forumcontrol .subscription {
3087   float: right;
3088   text-align:right;
3089   white-space: nowrap;
3092 #mod-forum-index .subscription {
3093   float: right;
3094   text-align:right;
3095   white-space: nowrap;
3098 #mod-forum-view .unread {
3099   padding-left: 3px;
3100   padding-right: 3px;
3102 #mod-forum-discuss .forumpost.unread .content {
3103   border-style: solid;
3104   border-width: 2px;
3106 #mod-forum-discuss .ratingsubmit {
3107   text-align:center;
3108   padding:10px;
3110 #mod-forum-index .unread img,
3111 #mod-forum-view .unread img
3113   margin-left: 5px;
3116 #mod-forum-discuss .discussioncontrols td {
3117   width: 33%;
3118   text-align:center;
3121 #email .unsubscribelink {
3122   margin-top:20px;
3123   border-width: 0px 1px 0px 0px;
3124   border-style: solid;
3125   text-align:center;
3128 /***
3129  *** Modules: Glossary
3130  ***/
3132 .glossarypost .commands {
3133   width: 200px;
3134   white-space: nowrap;
3137 #mod-glossary-comments .glossarypost,
3138 #mod-glossary-comment .glossarypost {
3139   margin-top: 15px;
3142 .entryboxheader {
3143   border-width: 1px 1px 0px 1px;
3144   border-style: solid;
3147 .entrybox {
3148   width: 100%;
3149   border-width: 0px 1px 1px 1px;
3150   border-style: solid;
3153 .entrybox hr {
3154   border-left:none;
3155   border-right:none;
3158 .glossarypost {
3159   width: 95%;
3160   border-width:1px;
3161   border-style:solid;
3162   border-collapse:separate;
3163   margin-left:auto;
3164   margin-right:auto;
3165   margin-bottom: 5px;
3166   text-align: left;
3169 .entrylist {
3170   border-width:0px;
3173 .entrylowersection {
3174   padding-top: 10px;
3177 .entrylowersection table{
3178   width: 100%;
3181 .entrylowersection .aliases {
3182   text-align:center;
3185 .entrylowersection .icons,
3186 .entrylowersection .ratings {
3187   text-align:right;
3188   padding-right: 5px;
3191 .entrylowersection .ratings {
3192   padding-bottom: 2px;
3195 .glossarycategoryheader {
3196   width: 95%;
3197   margin-left:auto;
3198   margin-right:auto;
3201 .glossaryformatheader {
3202   width: 90%;
3205 .glossarypost .entry {
3206   padding: 3px;
3209 .glossarypost .picture {
3210   width: 35px;
3213 .glossarycomment {
3214   border-width:1px;
3215   border-style:solid;
3216   border-collapse:separate;
3217   margin-bottom: 5px;
3218   text-align: left;
3221 .glossarycomment .entry {
3222   padding: 3px;
3225 .glossarycomment .picture {
3226   width: 35px;
3229 .glossarycomment .icons {
3230   text-align: right;
3233 .glossarydisplay {
3234   width: 90%;
3235   margin-left:auto;
3236   margin-right:auto;
3237   text-align:center;
3240 .glossarydisplay .tabs {
3241   width: 100%;
3244 .glossarydisplay .separator {
3245   width: 4px;
3248 .glossarydisplay .tabs .selected,
3249 .glossarydisplay .tabs .inactive,
3250 .glossarydisplay .tabs .general {
3253 .glossaryimportexport {
3254   margin-left:auto;
3255   margin-right:auto;
3256   text-align:center;
3259 .glossarypopup {
3260   width: 95%;
3263 .glossaryapproval {
3264   width: 100%;
3267 .mod-glossary .glossarydisplay .tabs {
3268   margin-bottom: 0px;
3270 .mod-glossary .glossarydisplay .tabs .side {
3271   border-style: none;
3272   border-width: 0px;
3273   width: auto;
3276 .glossaryexplain,
3277 .glossaryaddentry {
3278   text-align: center;
3281 .mod-glossary .tabrow0 {
3282   padding-bottom: 5px;
3285 #mod-glossary-view .glossarycontrol {
3286   float: right;
3287   text-align:right;
3288   white-space: nowrap;
3291 /***
3292  *** Modules: Journal
3293  ***/
3294 #mod-journal-view .lastedit,
3295 #mod-journal-view .editend {
3296   margin: 5px;
3297   text-align: center;
3299 #mod-journal-view .feedbackbox {
3300   width: 75%;
3301   border-collapse: separate;
3303 #mod-journal-view .entrycontent {
3304   padding: 3px;
3306 #mod-journal-view .picture {
3307   width: 35px;
3309 #mod-journal-view .grade {
3310   text-align: right;
3312 #mod-journal-view .info {
3313   margin-bottom: 5px;
3314   text-align: right;
3318 /***
3319  *** Modules: Label
3320  ***/
3322 /***
3323  *** Modules: Lesson
3324  ***/
3325 #mod-lesson-lesson #page .addform {
3326   text-align: center;
3328 #mod-lesson-edit #page .label {
3329   font-weight: bold;
3331 #mod-lesson-edit #page .labelcorrect {
3332   text-decoration: underline;
3333   font-weight: bold;
3335 .lessonmediafilecontrol {
3336   text-align: center;
3337   margin-left: auto;
3338   margin-right: auto;
3342 /***
3343  *** Modules: Quiz
3344  ***/
3347 #mod-quiz-attempt #page {
3348   text-align: center;
3350 #mod-quiz-edit #page .controls,
3351 #mod-quiz-edit #page .attemptsnotice
3353   text-align: center;
3355 #mod-quiz-edit .quizquestions h2 {
3356   margin-top: 0;
3358 #mod-quiz-edit #showbreaks {
3359   margin-top: 0.7em;
3361 body#question-preview .quemodname,
3362 body#question-preview .controls
3364   text-align: center;
3366 body#mod-quiz-report table#attempts,
3367 body#mod-quiz-report table#commands,
3368 body#mod-quiz-report table#itemanalysis
3370   width: 80%;
3371   margin: auto;
3373 body#mod-quiz-report table#attempts,
3374 body#mod-quiz-report h2.main {
3375   clear: both;
3377 body#mod-quiz-report table#attempts {
3378   margin: 20px auto;
3380 body#mod-quiz-report table#attempts .header,
3381 body#mod-quiz-report table#attempts .cell
3383   padding: 4px;
3385 body#mod-quiz-report table#attempts .header .commands {
3386   display: inline;
3388 body#mod-quiz-report table#attempts .picture {
3389   width: 40px;
3391 body#mod-quiz-report table#attempts td {
3392   border-left-width: 1px;
3393   border-right-width: 1px;
3394   border-left-style: solid;
3395   border-right-style: solid;
3396   vertical-align: middle;
3398 body#mod-quiz-report table#attempts .header {
3399   text-align: left;
3401 body#mod-quiz-report table#attempts .picture {
3402   text-align: center !important;
3404 body#mod-quiz-report .controls {
3405   text-align: center;
3407 #mod-quiz-review #page .controls {
3408   text-align: center;
3410 #mod-quiz-view .quizinfo {
3411   text-align: center;
3413 #mod-quiz-view #page .quizgradefeedback,
3414 #mod-quiz-view #page .quizattempt
3416   text-align: center;
3418 .quizquestionlistcontrols {
3419   text-align: center;
3421 body#question-preview .quemodname, body#question-preview .controls {
3422   text-align: center;
3425 /***
3426  *** Modules: Resource
3427  ***/
3429 #mod-resource-view .resourcecontent {
3430   text-align:center;
3431   margin:20px;
3434 #mod-resource-view .resourcepdf {
3435   width: 100%;
3436   padding-top: 15px;
3437   text-align: center
3438   }
3440 .resourcecontent object {
3441     height:480px; 
3442     width:600px;
3445 .resourcepdf object{
3446     height: 800px;
3447     width: 800px;
3450 .mod-resource .modified {
3451   text-align:center;
3454 .mod-resource .popupnotice {
3455   text-align:center;
3456   margin:40px;
3459 .ims-nav-bar {
3460   position: relative;
3461   padding:0.1em;
3464 .ims-nav-button a,
3465 .ims-nav-dimmed {
3466   padding-left:1em;
3467   padding-right:1em;
3470 #ims-containerdiv {
3471   margin-top:0.2em;
3474 #ims-menudiv {
3475   position:absolute;
3476   width:250px;
3477   overflow:auto;
3480 #ims-menudiv ol {
3481   list-style-type:none;
3482   margin:0px;
3483   padding-left:1em;
3486 #ims-contentframe {
3487   position:absolute;
3488   left:260px;
3489   border:1px solid;
3490   width:640px;
3491   height:480px;
3494 #ims-contentframe-no-nav {
3495   position:absolute;
3496   border:1px solid;
3497   width:640px;
3498   height:480px;
3501 #mod-resource-view div#footer {
3502   margin-top: 5px;
3505 /***
3506  *** Modules: Scorm
3507  ***/
3509 /***
3510  *** Modules: Survey
3511  ***/
3512 .resultgraph {
3513   text-align:center;
3514   border:1px solid;
3517 .reportsummary,
3518 .studentreport,
3519 .reportbuttons {
3520   text-align:center;
3523 .centerpara {
3524   text-align:center;
3527 .fullnamecell {
3528   width:10%;
3529   vertical-align:top;
3530   white-space: nowrap;
3533 .questiontext {
3534   font-size:1em;
3537 .smalltext {
3538   font-size:0.6em;
3541 .smalltextcell,
3542 .screenreadertext {
3543   width:10%;
3544   text-align:center;
3547 .foundthat,
3548 .preferthat {
3549   width:10%;
3550   white-space: nowrap;
3553 .qnumtopcell {
3554   width:10px;
3555   vertical-align:top;
3558 .qnummiddlecell {
3559   width:10px;
3560   vertical-align:middle;
3563 .optioncell {
3564   width:40%;
3565   vertical-align:middle;
3568 .buttoncell {
3569   width:5%;
3572 .questioncell {
3573   width:50%;
3574   vertical-align:top;
3577 .whitecell {
3578   background-color:white;
3580 /***
3581  *** Modules: Wiki
3582  ***/
3583 .sideblockheading,
3584 .howtowiki {
3585   text-align:right;
3588 .wikisearchform,
3589 .wikilinksblock,
3590 wikiadminactions {
3591   text-align:center;
3594 .wikilinkright{
3595   text-align:right;
3596   padding-bottom: 0.5em;
3599 .wikiexportbox{
3600   margin-left:auto;
3601   margin-right:auto;
3603 /***
3604  *** Modules: Workshop
3605  ***/
3606 .redfont {
3607   color: red;
3610 .workshopuploadform,
3611 .workshopkey {
3612   text-align:center;