7814b27725f5445f6dac892cc618324807125d4d
[moodle.git] / theme / standard / styles_layout.css
1 /* @override http://moodle18.userver.lan/theme/standard/styles_layout.css */
2 /*******************************************************************
3  styles_layout.css
5  This CSS file contains all layout definitions like positioning,
6  floats, margins, padding, borders etc.
8  Styles are organised into the following sections:
9   core
10   forms
11   header
12   footer
14   admin
15   blocks
16   blog
17   calendar
18   course
19   doc
20   grades
21   login
22   message
23   notes
24   mymoodle
25   question
26   tabs
27   tags
28   user
30   various modules
32 *******************************************************************/
35 /***
36  *** Core
37  ***/
39 h1.main,
40 h2.main,
41 h3.main,
42 h4.main,
43 h5.main,
44 h6.main {
45   text-align: center;
46 }
48 #layout-table {
49   width:100%;
50   border-collapse:separate;
51   margin-top: 8px;
52 }
54 #layout-table #left-column,
55 #layout-table #middle-column,
56 #layout-table #right-column
57 {
58   vertical-align:top;
59 }
61 #layout-table #middle-column {
62   padding-left:12px;
63   padding-right:12px;
64 }
66 .clearer {
67   clear:both;
68   margin:0;
69   padding:0;
70   height:1px;
71   border:none;
72   background:transparent;
73   display:block;
74 }
76 .clearfix {
77   min-width: 0;
78   /* overflow: hidden; */
79 }
81 .clearfix:after {
82   /* content: "<!-- -->";  */
83   content: ".";
84   display: block;
85   height: 0;
86   clear: both;
87   visibility: hidden;
88 }
90 /* .clearfix {display: inline-table;} */
92 /* Hides from IE-mac \*/
93 * html .clearfix {height: 1%;}
94 .clearfix {display: block;}
95 /* End hide from IE-mac */
97 .mdl-align {
98   text-align: center;
99 }
101 .continuebutton {
102   text-align: center;
105 form {
106   margin-bottom:0;
109 table {
110   border-spacing: 0;
111   border-collapse: collapse;
114 a img {
115   border:none;
118 img.userpicture,
119 img.grouppicture {
120   border: 0;
123 #grouppicture {
124   text-align: center;
127 div.groupselector {
128   float: left;
129   margin-top: 3px;
130   margin-bottom: 3px;
133 #addmembersform table {
134   margin-left: auto;
135   margin-right: auto;
138 .notifyproblem {
139   text-align: center;
140   padding: 10px;
143 .notifysuccess {
144   text-align:center;
145   padding: 10px;
148 .notifytiny {
149   text-align:left;
150   padding: 0;
153 .singlebutton form,
154 .singlebutton div {
155   display:inline;
158 .generalbox {
159   border-width:1px;
160   border-style:solid;
161   margin-bottom: 15px;
162   padding:10px;
165 .generalbox#intro {
166   width:70%;
167   margin-left:auto;
168   margin-right:auto;
169   padding-bottom:15px;
172 .boxaligncenter {
173   margin-left:auto;
174   margin-right:auto;
177 .boxalignright {
178   margin-left:auto;
179   margin-right:0;
182 .boxalignleft {
183   margin-left:0;
184   margin-right:auto;
187 .boxwidthnarrow {
188   width: 30%
191 .boxwidthnormal {
192   width: 50%
195 .boxwidthwide {
196   width: 80%
199 .centerpara {
200   text-align:center
203 .noticebox {
204   border-width:1px;
205   border-style:solid;
206   padding:10px;
209 #notice.generalbox {
210   width: 60%;
211   margin-left:auto;
212   margin-right:auto;
215 #notice .buttons {
216   text-align:center
219 #notice .buttons div,
220 #notice .buttons form {
221   display:inline;
224 #notice .singlebutton {
225   text-align:center;
226   padding: 5px;
227   margin: 0px;
230 .errorbox {
231   border-width:1px;
232   border-style:solid;
233   margin: 1em 15%;
234   width: 70%;
235   padding:10px;
238 .errorbox .title {
239   padding: 5px;
242 .informationbox {
243   border-width:1px;
244   border-style:solid;
245   padding: 10px;
248 .feedbackbox {
249   border-width:1px;
250   border-style:solid;
253 .feedbackby {
256 .feedback {
259 .generaltable {
260   border-width: 1px;
261   border-style: solid;
264 .generaltable .cell {
265   border-width: 1px;
266   border-style: solid;
267   border-collapse: collapse;
270 #participationreport .reporttable {
271   text-align: center;
272   margin-left:auto;
273   margin-right:auto;
276 #participationreport {
277   text-align: center;
280 #participationreport .modulename {
281   font-weight: bold;
284 #participationreportselector {
285   text-align: center;
288 #participationreportactions {
289   text-align: center;
292 .initialbar {
293   text-align: center;
296 #help .indent {
297   margin-left:3em;
300 .closewindow,
301 #help .helpindex {
302   text-align: center;
305 .tabledivider {
306   border-width:1px;
307   border-style:solid;
308   border-left:0;
309   border-right:0;
310   border-top:0;
313 .sitetopic {
314   margin-bottom:20px;
317 .sitetopiccontent {
318   border-width:1px;
319   border-style:solid;
322 .pagingbar {
323   text-align:center;
326 .pagingbar a {
327   padding-left: 10px;
330 .pagingbar .thispage {
331   padding-left: 10px;
334 table.formtable {
335   margin: auto;
338 table.formtable tbody th {
339   vertical-align: top;
342 table.formtable tbody td,
343 table.formtable tbody th
345   padding: 5px;
348 table.formtable tbody .htmlarea td,
349 table.formtable tbody .htmlarea th
351   padding: 0;
354 .flexible th
356   white-space: nowrap;
359 .paging {
360   text-align: center;
361   margin: 10px 0 10px 0;
364 .unread {
365   padding-right:2px;
368 .cell {
369   vertical-align: top;
372 .helplink img {
373   vertical-align: middle;
374   margin: 0 2px;
375   width: 17px;
376   height: 17px;
379 img.emoticon {
380   vertical-align: middle;
381   width: 15px;
382   height: 15px;
385 form.popupform,
386 form.popupform div {
387     display: inline;
390 form.popupform label {
391   margin-right: 0.5em;
394 .arrow_button {
395   margin-top:3em;
398 .arrow_button input {
399   width:2.4em;
400   padding:0.3em;
401   overflow:hidden;
404 .groupmanagementtable td {
405   vertical-align: top;
408 .groupmanagementtable p {
409   text-align: center;
412 .groupmanagementtable select {
413   width: 18em;
416 img.icon {
417   vertical-align:middle;
418   margin-right:4px;
419   width:16px;
420   height:16px;
421   border:0px;
424 img.iconsmall {
425   vertical-align:middle;
426   margin-right:1px;
427   width:11px;
428   height:11px;
429   border:0px;
432 img.iconhelp {
433   vertical-align:middle;
434   margin-right:4px;
435   width:17px;
436   height:17px;
437   border:0px;
440 img.iconkbhelp {
441   width:49px;
442   height:17px;
443   border:0px;
446 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
447 .accesshide {
448   position:absolute;
449   top:-1000px;
450   left:10px;
451   font-weight:normal;
452   font-size:1em;
455 .invisiblefieldset {
456   display:inline;
457   border:0px;
458   padding:0px;
459   margin:0px;
462 span.hide,
463 div.hide {
464   display:none;
467 /***
468  *** Forms
469  ***/
471 .mform {
472   margin: 0 auto;
473   padding: 0;
474   width: 80%;
476 .mform fieldset {
477   border: 1px solid #DDDDDD;
478   padding: 10px 0;
479   margin: 0.7em 0;
480   width:100%;
482 .mform fieldset.hidden, .mform fieldset.felement {
483   border: 0;
485 .mform fieldset.felement {
486   width: auto;
488 .mform fieldset legend {
489   font-weight: bold;
490   margin-left: 0.5em;
492 .mform fieldset .advancedbutton{
493    width:100%;
494    text-align:right;
496 .mform div.fitem {
497   clear: both;
498   width: 100%;
499   min-height: 1.5em;
502 .mform .fitemtitle {
503   display: block;
504   float: left;
505   width: 30%;
506   padding: 0;
507   margin: 5px 0 0 10px;
508   text-align: right;
511 .mform .fitemtitle div{
512   display: inline;
515 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
516 fieldset.fdate_selector label {
517   display:inline;
518   float: none;
519   width: auto;
522 .mform div.felement,  .mform fieldset.felement{
523   display: block;
524   float: left;
525   margin: 5px 0 0 10px;
526   padding: 0;
527   text-align:left;
528   width: 60%;
531 .mform div.fdescription {
532   clear: both;
533   min-height: 1.5em;
536 .mform .fdescription.required {
537   text-align:right;
540 .mform input, .mform select {
541   width: auto;
543 .mform ftextarea {
545 .mform br {
546   clear: left;
548 .mform div.fhtmleditor {
549   margin: 0 auto 10px auto;
550   width : 600px;
551   clear:both;
552   float:none;
553   padding: 25px 0 20px 0;
555 .mform span.error, .mform span.required {
556   color: red;
558 .mform div.error,.mform fieldset.error {
559   border: 1px solid red;
560   padding: 5px;
561   color: inherit;
563 .mform .fcheckbox input {
564   margin-left: 0px;
566 .mform .fpassword .unmask {
567   display:inline;
569 .mform .fpassword .unmask input {
570   margin-left:5px;
571   margin-right:3px;
574 form#adminsettings div.htmlarea {
575   clear: left;
576   padding-top: 5px;
579 .mform label .req, .mform label .adv {
580   cursor: help;
583 /* form frozen */
584 div.mform div.fitem div.fstatic{
585  border-color : lightgrey;
586  border-style : dashed;
587  border-width : thin;
590 #admin-register .mform .fsubmit {
591   padding:20px;
592   text-align:center;
595 div.phpinfo .center{
596   text-align: center;
599 div.phpinfo .center table {
600   margin-left: auto;
601   margin-right: auto;
602   text-align: left;
605 div.phpinfo .center th {
606   text-align: center;
609 .backup-form-instances {
610    margin:0px 20px 0px 20px;
612 .restore-form-instances {
613    margin:0px 20px 0px 20px;
617 /***
618  *** Header
619  ***/
621 .headerskip {
622   position:absolute;
623   right:20em;
624   font-size:0.8em;
627 #header-home {
630 #header {
633 .headermain, h1.headermain {
634   float:left;
635   margin:0;
636   padding:0;
639 .headermenu {
640   float:right;
641   text-align:right;
644 .navigation li,
645 .navigation div,
646 .navigation button,
647 .navigation form {
648   display: inline;
651 .navbar {
652   width:auto;
653   padding:3px 0.5em;
654   border-width:1px;
655   border-style:solid;
658 .navbar .langmenu {
659   text-align:right;
662 table.navbar {
663   width: 100%;
666 .navbar .navbutton {
667   margin-top: 3px;
668   float: left;
671 .navbar .navbutton div,
672 .navbar .navbutton form {
673   display:inline;
674   margin:0px;
675   padding:0px;
678 .navbar .breadcrumb {
679   float:left;
680   margin:0.2em 0;
683 .breadcrumb ul {
684   padding:0;
685   margin:0;
686   text-indent:0;
687   list-style:none;
689 .breadcrumb li {
690   display:inline;
693 .navbar .navbutton,
694 .navbar .menu {
695   float:right;
698 #footer .navbar {
699   margin-top: 4em;
702 .reportlink {
703   text-align:right;
706 .navigation {
707   margin-bottom: 4px;
710 .navigation ul {
711   margin:0px;
712   padding:0px;
713   list-style-type:none;
716 .navigation ul li form,
717 .navigation ul li {
718   display:inline;
719   margin:0px;
720   padding:0px;
721   margin-left:2px;
724 .navigation ul li form fieldset,
725 .navigation ul li form div select {
726     vertical-align: middle;
729 .navigation optgroup {
730   text-align:center;
731   padding-top:4px;
734 .navigation option {
735   text-align:left;
738 .navigation optgroup option {
739   padding:0px;
742 #navmenupopup option,
743 #navmenufooterpopup option {
744   padding: 2px 0 2px 20px;
745   background-repeat: no-repeat;
746   background-position: 1px 2px;
747   vertical-align: middle;
750 /***
751  *** Footer
752  ***/
754 #footer {
755   text-align:center;
756   margin-top: 40px;
759 .homelink {
760   margin: 1em 0;
763 .homelink a {
764   padding-left:1em;
765   padding-right:1em;
768 .sitelink {
769   padding-top:1em;
772 .performanceinfo {
773   margin: 2em;
776 .performanceinfo span {
777   display: block;
780 #footer .validators {
781   margin-top:40px;
782   padding-top:5px;
783   border-top: 1px dotted gray;
786 #footer .validators ul {
787   margin:0px;
788   padding:0px;
789   list-style-type:none;
792 #footer .validators ul li {
793   display:inline;
794   margin-right:10px;
795   margin-left:10px;
798 /***
799  *** Filters
800  ***/
801 span.mediaplugin {
802   display:block;
803   clear:both;
804   margin-top:5px;
805   margin-bottom:5px;
808 span.mediaplugin_mp3 {
809   display:inline;
810   clear:none;
811   margin:0px;
812   margin-left:0.5em;
816 /***
817  *** Admin
818  ***/
820 body#admin-index .c0 {
821   vertical-align: top;
824 body#admin-index .c1 {
825   vertical-align: middle;
828 body#admin-blocks table.generaltable th,
829 body#admin-filters table.generaltable th,
830 body#admin-modules table.generaltable th,
831 body#admin-auth table.generaltable th
833   white-space: nowrap;
836 body#admin-modules .generaltablecell
838   padding-top: 2px;
839   padding-bottom: 2px;
842 body#admin-blocks table.generaltable th,
843 body#admin-blocks table.generaltable td.cell,
844 body#admin-filters table.generaltable th,
845 body#admin-filters table.generaltable td.cell,
846 body#admin-modules table.generaltable th,
847 body#admin-modules table.generaltable td.cell,
848 body#admin-auth table.generaltable th,
849 body#admin-auth table.generaltable td.cell
851   padding: 4px;
852   text-align: center;
853   vertical-align: middle;
856 body#admin-blocks table.generaltable th.c0,
857 body#admin-blocks table.generaltable td.c0,
858 body#admin-filters table.generaltable th.c0,
859 body#admin-filters table.generaltable td.c0,
860 body#admin-modules table.generaltable th.c0,
861 body#admin-modules table.generaltable td.c0,
862 body#admin-auth table.generaltable th.c0,
863 body#admin-auth table.generaltable td.c0
865   text-align: left;
868 body#admin-modules table.generaltable td.c0
870   white-space: nowrap;
873 #admin-blocks
874 #admin-config .confighelp {
875   display: block;
876   padding-bottom: 20px;
879 #admin-roles-manage table.generalbox {
880   margin: auto;
883 #admin-stickyblocks .generalbox {
884   text-align:center;
887 #admin-index .copyrightnotice {
888   margin: auto;
889   text-align: center;
892 #admin-report-simpletest-index .exception pre {
893   padding: 8px;
896 #admin-report-simpletest-index .unittestsummary {
897   padding: 8px;
898   margin-top: 1em;
901 #admin-roles-allowassign .buttons,
902 #admin-roles-allowoverride .buttons,
903 #admin-roles-manage .buttons,
904 #admin-roles-override .buttons {
905   margin: 20px;
906   text-align:center;
909 #admin-roles-manage .buttons .singlebutton,
910 #admin-roles-override .buttons .singlebutton {
911   display: inline;
912   padding: 5px;
915 #admin-roles-manage .selector,
916 #admin-roles-override .selector {
917     text-align:center;
920 #admin-roles-manage table.roledesc,
921 #admin-roles-override table.roledesc {
922   margin-left:auto;
923   margin-right:auto;
926 #admin-roles-manage table.rolecap,
927 #admin-roles-override table.rolecap {
928   margin-left:auto;
929   margin-right:auto;
932 .rolecap .inherit,
933 .rolecap .allow,
934 .rolecap .prevent,
935 .rolecap .prohibit {
936   text-align:center;
939 #admin-roles-manage .rolecap .cap-desc .cap-name,
940 #admin-roles-override .rolecap .cap-desc .cap-name {
941   display: block;
944 #admin-roles-override .cell.c1,
945 #admin-roles-assign .cell.c1 {
946   padding-top: 0.75em;
949 #admin-lang .generalbox {
950   text-align:center;
951   margin:auto;
952   border-width: 1px;
953   border-style: solid;
956 #admin-langimport .generalbox {
957   text-align:center;
958   margin:auto;
959   border-width: 1px;
960   border-style: solid;
963 #admin-langimport .generalbox table {
964   text-align:center;
965   margin:auto;
968 #admin-index .adminwarning {
969   text-align:center;
970   border-width: 1px;
971   border-style: solid;
972   margin:20px;
975 #admin-index .adminwarning .singlebutton,
976 #admin-index #layout-table .singlebutton {
977   text-align:center;
978   margin:20px;
981 #adminsettings fieldset {
982   margin-top: 1em;
983   padding: 1em 0.5em;
986 #adminsettings legend {
987   display: none;
990 #adminsettings .form-group {
991   float: left;
994 #adminsettings .form-item {
995   margin: 0;
998 #adminsettings label {
999   display: block;
1000   float: left;
1001   width: 150px;
1002   text-align: right;
1005 #adminsettings .form-shortname {
1006   display: block;
1009 #adminsettings select,
1010 #adminsettings input {
1011   float: left;
1012   margin: 0 0 0 10px;
1015 #adminsettings textarea {
1016   float: left;
1017   margin: 0 0 0 10px;
1018   width: 65%;
1021 #adminsettings .form-group select,
1022 #adminsettings .form-group input {
1023   display: inline;
1024   float: none;
1028 /* #adminsettings .admin-configtime .form-select {
1029   display: inline;
1030   float: none;
1033 #adminsettings div.admin-frontpage div.form-group select.form-select {
1034   display: inline;
1035   float: none;
1036 } */
1038 #adminsettings .description {
1039   clear: both;
1040   margin: 0 1em 0 160px;
1041   padding: 0.3em 0 1.5em 0;
1044 #adminsettings .form-item .unmask input {
1045   margin-left:5px;
1046   margin-right:3px;
1049 #adminsettings .form-item .unmask label {
1050   width: auto;
1051   text-align: left;
1054 .environmentbox {
1055     margin-top: 1em;
1058 .form-buttons {
1059   margin: 10px 0 0 160px;
1062 .form-text {
1063   width: 20em;
1065 .form-textarea { }
1066 .form-select { }
1067 .form-checkbox { }
1068 .form-radio { }
1069 .form-submit { }
1070 .form-reset { }
1072 .admin-frontpagedesc .htmlarea {
1073   margin: 0 auto 10px auto;
1074   width : 600px;
1077 .adminsearchform {
1078   padding-top:10px;
1081 .block_admin_tree .admintree {
1082   text-align:left;
1085 #admin-lang .translator {
1086   border-width: 1px;
1087   border-style: solid;
1090 #adminsettings #admin-calendar_weekend table {
1091   width: 100%;
1094 #adminsettings #admin-calendar_weekend table td {
1095   text-align: center;
1098 #adminsettings #admin-calendar_weekend table td label {
1099   width: 100%;
1100   text-align: center;
1101   float: none;
1104 #trustedhosts .generaltable {
1105   margin-left: auto;
1106   margin-right: auto;
1107   width: 500px;
1110 #trustedhosts .standard {
1111   width: auto;
1114 #mnetconfig table {
1115   margin-left: auto;
1116   margin-right: auto;
1119 #admin-report-stats-index .invisiblefieldset {
1120   display: block;
1123 #admin-report-courseoverview-index .invisiblefieldset {
1124   display: block;
1127 /***
1128  *** Blocks
1129  ***/
1131 /*Accessibility: Skip block link, for screen reader users. */
1132 a.skip-block, .skip-block {
1133   display:block;
1134   width:2em;
1135   height:1px;
1137 .sideblock .skip-block {
1138   height:4px;
1140 .skip-block-to {
1141   font-size:1px;
1144 .sideblock {
1145   margin-bottom:1em;
1146   width: 100%;
1149 .sideblock .header, .sideblock h2.header {
1150   text-align: left;
1151   margin:0;
1152   padding:4px;
1153   padding-top:0;
1154   border-width: 1px;
1155   border-style: solid;
1156   border-bottom: none;
1158 .sideblock h2 {
1159   margin:0;
1160   padding:0;
1163 .sideblock .header .hide-show {
1164   float:right;
1167 .sideblock .header .hide-show img.hide-show-image {
1168   height:11px;
1169   width:11px;
1170   margin-top:0.25em;
1173 .sideblock .header .commands {
1174   margin-top: 0.3em;
1175   clear: both;
1176   height: 16px;
1179 .sideblock .header .commands a {
1180   margin: 0px 2px;
1183 #left-column .hidden .header,
1184 #right-column .hidden .header
1186   border-bottom-width: 1px;
1187   border-bottom-style: solid;
1190 #left-column .hidden .content,
1191 #right-column .hidden .content
1193   display: none;
1196 .sideblock .header .icon.hide,
1197 .sideblock .header .icon.edit {
1198   margin-right: 6px;
1201 .sideblock .content {
1202   padding: 4px;
1203   border-width: 1px;
1204   border-style: solid;
1207 .sideblock .content h3,
1208 .sideblock .content h2 {
1209   text-align: left;
1212 .sideblock .content h2 {
1213   margin:1.5em 0 0;
1214   padding:0;
1217 .sideblock .content .head {
1218   margin-top: 10px;
1221 .sideblock .content hr {
1222   height:1px;
1223   margin-top:4px;
1224   margin-bottom:4px;
1225   border:none;
1226   border-top:1px solid;
1229 .sideblock div.column {
1230   margin:0px;
1231   margin-right:4px;
1232   padding:0px;
1235 .sideblock div.column.c0 {
1236   float: left;
1239 .sideblock div.column.c1 {
1240   display: inline;
1243 .sideblock .content .c0 img.icon {
1244   margin:0px;
1247 .sideblock .content .list, .unlist, .inline-list {
1248   list-style:none;
1249   padding:0;
1250   margin:0;
1253 .sideblock .content .list {
1254   width: 100%;
1257 .sideblock .content .list li {
1258   clear: left;
1261 .sideblock .content .inline-list li {
1262   display:inline;
1265 .sideblock .content ul.list li.listentry {
1266   clear:both;
1269 .sideblock .content div.info {
1270   text-align:center;
1273 .sideblock .footer {
1274   margin-bottom: 4px;
1275   text-align:center;
1276   clear:both;
1279 .sideblock img.userpicture {
1280   width:16px;
1281   height:16px;
1282   margin-right:4px;
1285 .blockconfigtable {
1286   margin-top: 0;
1287   margin-right: auto;
1288   margin-left: auto;
1291 .blockconfigtable td.label {
1292     text-align: right;
1293     width: 50%;
1296 .blockconfigtable td.value {
1297     text-align: left;
1298     width: 50%;
1301 .blockconfigtable td.submit {
1302     text-align: center;
1305 .blockconfiginstancecontent .tabs {
1306   margin-bottom: 0px;
1307   margin-left: auto;
1308   margin-right: auto;
1311 .block_messages .content {
1312   text-align:left;
1313   font-size:0.75em;
1314   padding-top:5px;
1317 .block_recent_activitysideblock .h3 {
1318   padding-top:5px;
1321 .block_online_users .listentry div.user,
1322 .block_messages .listentry div.user {
1323   float:left;
1326 .block_online_users .listentry div.message,
1327 .block_messages .listentry div.message {
1328   float:right;
1331 .block_course_list .footer {
1332   margin-top: 5px;
1335 #rssfeeds {
1336   margin-left: auto;
1337   margin-right: auto;
1340 #block_rss {
1341   text-align: center;
1344 .block_search_forums .invisiblefieldset {
1345   display: block;
1348 .block_tag_youtube .youtube-thumb {
1349  width:75px;
1350  height:50px;
1352 .block_tag_youtube .yt-video-entry{
1353  font-size:10px;
1354  line-height:11px;
1357 .block_tag_flickr .flickr-photos {
1358  padding:3px;
1361 /***
1362  *** Blogs
1363  ***/
1364 .addbloglink {
1365   text-align: center;
1368 .blogpost .audience {
1369   text-align: right;
1372 .blogpost .tags {
1373   margin-top: 15px;
1377 /***
1378  *** Calendar
1379  ***/
1381 #calendar {
1382   width: 100%;
1383   border-spacing: 5px;
1384   border-collapse: separate;
1387 #calendar h2,
1388 #calendar h3
1390   text-align: center;
1393 #calendar .maincalendar,
1394 #calendar .sidecalendar
1396   vertical-align: top;
1397   border: 1px solid;
1398   padding: 0px;
1401 #calendar .maincalendar {
1402   height: 100%;
1405 #calendar .maincalendar .heightcontainer {
1406   height: 100%;
1407   position: relative;
1410 #calendar .maincalendar .bottom {
1411   width: 100%;
1412   text-align: center;
1413   padding:5px 0 0;
1416 #calendar .sidecalendar {
1417   width: 25%;
1420 #calendar .maincalendar table.calendarmonth {
1421   border-collapse: separate;
1422   margin: 0px auto;
1423   width: 98%;
1426 #calendar .maincalendar table.calendarmonth th {
1427   padding:10px;
1428   border-bottom:2px solid;
1431 #calendar .maincalendar table.calendarmonth td {
1432   height: 5em;
1433   padding-left: 4px;
1434   padding-top: 4px;
1435   line-height:1.2em;
1438 #calendar .maincalendar table.calendarmonth td,
1439 table.minicalendar td,
1440 table.minicalendar th {
1441   width:14%;
1442   vertical-align:top;
1444 table.minicalendar td {
1445   text-align: center;
1447 #calendar .maincalendar table.calendarmonth td table td {
1448   height: auto;
1451 #calendar div.header
1453   padding: 5px;
1456 #calendar .sideblock div.header
1458   border:none;
1461 #calendar .maincalendar .buttons {
1462   float: right;
1465 #calendar .maincalendar .filters table,
1466 #calendar .sidecalendar .filters table,
1467 .sideblock.block_calendar_month .filters table
1469   border-collapse:separate;
1470   border-spacing: 2px;
1471   padding: 2px;
1472   width: 100%;
1475 #calendar .maincalendar .filters {
1476   padding: 0px 10px;
1479 #calendar .sidecalendar .filters {
1480   padding: 5px;
1483 #calendar .maincalendar .controls {
1484   clear:both;
1485   padding:10px;
1488 #calendar .maincalendar table.calendarmonth ul.events-new,
1489 #calendar .maincalendar table.calendarmonth ul.events-underway
1491   padding:0px;
1492   margin:0px;
1493   list-style-type:none;
1496 #calendar .maincalendar table.calendarmonth ul li {
1497   margin-top: 4px;
1500 .minicalendarblock {
1501   padding: 0px 4px;
1504 table.minicalendar {
1505   width: 100%;
1506   margin: 10px auto;
1507   padding:2px;
1508   border-width:1px;
1509   border-style:solid;
1510   border-collapse:separate;
1511   border-spacing:1px !important;
1514 table.minicalendar th {
1515   padding: 0px 2px;
1518 #calendar .maincalendar .eventlist {
1519   padding: 10px;
1522 #calendar .maincalendar .eventlist .topic {
1523   padding: 5px;
1524   border-style:solid;
1525   border-width: 0px;
1526   border-bottom-color: #EEEEEE;
1527   border-bottom-width: 1px;
1530 #calendar .maincalendar .eventlist .event {
1531   width:100%;
1532   margin-bottom:10px;
1533   border-spacing:0px;
1534   border-collapse:separate;
1535   border-width:1px;
1536   border-style:solid;
1539 #calendar .maincalendar .eventlist .event .name {
1540   float:left;
1543 #calendar .maincalendar .eventlist .event .course {
1544   float:left;
1545   clear:left;
1548 #calendar .maincalendar .eventlist .event .date {
1549   float:right;
1552 #calendar .maincalendar .eventlist .event .description .commands {
1553   width:100%;
1556 #calendar .maincalendar .eventlist .event .description {
1557   padding:5px;
1560 #calendar .maincalendar .eventlist .event .picture {
1561   padding:8px;
1564 #calendar .maincalendar .eventlist .event .side {
1565   width:32px;
1568 #calendar #selecteventtype table {
1569   margin:auto;
1572 #calendar .event_global,
1573 #calendar .event_course,
1574 #calendar .event_course0,
1575 #calendar .event_course1,
1576 #calendar .event_course2,
1577 #calendar .event_group,
1578 #calendar .event_user,
1579 .minicalendar .event_global,
1580 .minicalendar .event_course,
1581 .minicalendar .event_course0,
1582 .minicalendar .event_course1,
1583 .minicalendar .event_course2,
1584 .minicalendar .event_group,
1585 .minicalendar .event_user {
1586   border:2px solid !important;
1589 #calendar .duration_global,
1590 #calendar .duration_course,
1591 #calendar .duration_course0,
1592 #calendar .duration_course1,
1593 #calendar .duration_course2,
1594 #calendar .duration_group,
1595 #calendar .duration_user,
1596 .minicalendar .duration_global,
1597 .minicalendar .duration_course,
1598 .minicalendar .duration_course0,
1599 .minicalendar .duration_course1,
1600 .minicalendar .duration_course2,
1601 .minicalendar .duration_group,
1602 .minicalendar .duration_user
1604   border-top:2px solid !important;
1605   border-bottom:2px solid !important;
1608 #calendar .today,
1609 .minicalendar .today {
1610   border:2px solid;
1613 #calendar .nottoday,
1614 .minicalendar .today {
1615   border:1px solid;
1618 .cal_popup_bg {
1619   padding:0px;
1620   margin:0px;
1621   border:1px solid;
1624 .cal_popup_close {
1625   margin-right:5px;
1628 .cal_popup_caption {
1629   border-width:0px 0px 1px 0px;
1630   border-style:solid;
1631   padding-bottom:2px;
1634 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1635 .calendar-controls .previous,
1636 .calendar-controls .next,
1637 .calendar-controls .current {
1638   display: block;
1639   float: left;
1640   width: 12%;
1642 .calendar-controls .previous {
1643   text-align: left;
1645 .calendar-controls .current {
1646   text-align: center;
1647   width: 76%;
1649 .calendar-controls .next {
1650   text-align: right;
1653 #calendar .maincalendar .calendar-controls .previous,
1654 #calendar .maincalendar .calendar-controls .next
1656   width: 30%;
1658 #calendar .maincalendar .calendar-controls .current {
1659   width: 39.95%;
1662 #calendar .indent {
1663   padding-left: 20px;
1666 #calendar td.sidecalendar {
1667 border-width:0px;
1670 #calendar td.sidecalendar .sideblock {
1671   border: 1px solid;
1672   margin-bottom:10px;
1675 #calendar td.sidecalendar .minicalendartop {
1676   padding-top:10px;
1679 .sideblock .content h3.eventskey {
1680     margin-top:0.5em;
1681     margin-bottom:0;
1682     margin-left:0.5em;
1685 /***
1686  *** Course
1687  ***/
1689 .activitydate, .activityhead {
1690   text-align:center;
1693 #course-view .section td {
1694   vertical-align:top;
1697 #course-view .section td.content {
1698   padding:5px;
1699   border-style:solid;
1700   border-width:1px;
1701   border-left:0px;
1702   border-right:0px;
1705 #course-view .section td.side {
1706   padding:5px;
1707   border-style:solid;
1708   border-width:1px;
1711 #course-view .section td.left {
1712   border-right:0px;
1713   text-align:center;
1714   width: 1.5em;
1717 #course-view .section td.right {
1718   border-left:0px;
1719   text-align:center;
1720   width: 1.5em;
1723 #course-view .current .side {
1726 #course-view .section .spacer {
1727   height:0.5em;
1730 #course-view .section .weekdates {
1733 #course-view ul.section,
1734 #site-index ul.section {
1735   margin: 0;
1736   padding: 0;
1737   list-style: none;
1740 .section_add_menus {
1741   text-align:right;
1744 .section_add_menus .horizontal div {
1745   display:inline;
1749 /*#course-view ul.section li.activity ul li,
1750 #site-index ul.section li.activity ul li {
1751   list-style: disc;
1752 }*/
1754 /*Accessibility: No-tables course format. */
1755 #course-view ul.weekscss {
1756   margin: 0;
1757   padding: 0;
1758   list-style: none;
1760 /* Window-width: 800 pixels.
1761    IE doesn't support, see inline IE conditional comment. */
1762 .weekscss-format {
1763   min-width: 763px;
1765 .weekscss-format .block_adminblock select,
1766 .weekscss-format .block_calendar_month .minicalendar {
1767   width: 100%;
1768   padding: 0;
1770 .weekscss-format .block_calendar_month .minicalendar th,
1771 .weekscss-format .block_calendar_month .minicalendar td {
1772   padding: 0.1em 0 0.1em 1px;
1774 .weekscss-format #middle-column {
1775   margin: 0 12.5em 0 12.5em;
1777 .weekscss-format #left-column,
1778 .weekscss-format #right-column {
1779   width: 11.5em;
1781 .weekscss-format #left-column {
1782   float: left;
1784 .weekscss-format #right-column {
1785   float: right;
1787 .weekscss li.section {
1788   margin-bottom: 0.5em;
1789   border-style:solid;
1790   border-width:1px;
1792 .weekscss .content,
1793 .weekscss .side {
1794   padding: 5px;
1796 .weekscss .content {
1797   margin: 0 1.7em 0 1.7em;
1799 .weekscss .right {
1800   width: 1.6em;
1801   float: right;
1802   text-align:center;
1805 .section .activity img.activityicon {
1806   vertical-align:middle;
1807   height:16px;
1808   width:16px;
1811 .section img.movetarget {
1812   height:16px;
1813   width:80px;
1816 body#course-view .unread {
1817   margin-left: 3em;
1820 body#course-view .sideblock.drag .header {
1821   cursor: move;
1824 body#course-enrol .generalbox {
1825   margin-top: 20px;
1828 body#course-enrol .coursebox {
1829   margin-top: 20px;
1832 body#course-user .graph {
1833   text-align: center;
1836 body#course-user .section,
1837 body#course-user .content {
1838   margin-left: 30px;
1839   margin-right: 30px;
1842 body#course-user .section {
1843   border-width:1px;
1844   border-style:solid;
1845   padding:10px;
1846   margin-bottom: 20px;
1849 body#course-user .section h2 {
1850   margin-top: 0;
1854 .headingblock, h2.headingblock {
1855   border-width:1px;
1856   border-style:solid;
1857   padding:5px;
1858   margin:0;
1861 #site-index .subscribelink,
1862 #course-view .subscribelink {
1863   text-align:right;
1866 body#site-index .headingblock,
1867 body#course-view .headingblock {
1868   margin-bottom: 9px;
1871 body#course-category .courseboxes,
1872 body#course-index .courseboxes {
1873   padding:20px;
1876 body#course-category .rolelink {
1877   text-align:right;
1878   padding:10px;
1881 body#course-category .addcategory {
1882   text-align: center;
1883   padding: 10px;
1886 body#course-index #middle-column .editcourse {
1887   margin-left:auto;
1888   margin-right:auto;
1889   margin-top:20px;
1890   margin-bottom:20px;
1893 body#course-index #middle-column .editcourse th,
1894 body#course-index #middle-column .editcourse td {
1895   padding-left:10px;
1896   padding-right:10px;
1899 body#course-index #middle-column .editcourse .count {
1900   text-align:right;
1903 body#course-index .singlebutton,
1904 body#course-index .addcategory {
1905   text-align: center;
1908 body#course-info .generalbox.icons {
1909   text-align: center;
1912 body#course-info .generalbox.info {
1913   margin-left:auto;
1914   margin-right:auto;
1917 .coursebox {
1918   width: 100%;
1919   float:left;
1920   margin-bottom: 15px;
1921   border-width:1px;
1922   border-style:solid;
1925 .coursebox .summary {
1926   float: right;
1927   text-align:left;
1928   width: 48%;
1929   padding:5px;
1932 .coursebox .info {
1933   float: left;
1934   text-align:left;
1935   width: 48%;
1936   padding:5px;
1939 #my-index .coursebox .info {
1940   float: none;
1943 #my-index .name {
1944   margin-left: 5px;
1947 .categorylist {
1948   width:90%;
1949   margin-left:auto;
1950   margin-right:auto;
1953 .categorylist .category.image {
1954   width:20px;
1957 .categorylist .category.number {
1958   text-align:right;
1961 .categoryboxcontent {
1962   border-width:1px;
1963   border-style:solid;
1966 .categorypicker {
1967   text-align:center;
1968   padding-bottom:10px;
1971 #coursesearch,
1972 #coursesearch2 {
1973   text-align:center;
1976 .addcoursebutton {
1977   text-align:center;
1980 .coursebox .cost {
1981   padding-top: 20px;
1984 .coursebox ul.teachers li {
1985   list-style-type:none;
1986   padding:0;
1987   margin:0;
1990 #course-category #renameform {
1991   text-align:center;
1994 #course-category #themeform {
1995   text-align: center;
1998 #course-category .singlebutton {
1999   text-align:center;
2002 #course-category #coursesearch {
2003   text-align:center;
2007 #course-report #content {
2008   padding-top:15px;
2009   padding-bottom:15px;
2012 #course-report p {
2013   text-align:center;
2016 #course-report .logselectform,
2017 #course-report .participationselectform,
2018 #course-report-log-index .logselectform,
2019 #course-report-participation-index .participationselectform {
2020   margin-left:auto;
2021   margin-right:auto;
2022   text-align:center;
2023   margin-top:10px;
2024   margin-bottom:10px;
2027 #course-report .participationselectform label,
2028 #course-report-participation-index .participationselectform label {
2029   margin-left:15px;
2030   margin-right:5px;
2033 #course-report-log-index .info {
2034   margin-left:auto;
2035   margin-right:auto;
2036   text-align:center;
2037   margin:10px;
2040 #content .coursebox .summary .category {
2041   text-align:right;
2044 #course-editsection .singlebutton {
2045   text-align:center;
2048 /***
2049  *** Group
2050  ***/
2051 body#group-index #groupeditform {
2052   text-align: center;
2056 /***
2057  *** Doc
2058  ***/
2060 body#doc-contents h1 {
2061   margin: 1em 0px 0px 0px;
2064 body#doc-contents ul {
2065   list-style-type: none;
2066   margin: 0;
2067   padding: 0;
2068   width: 90%;
2072 /***
2073  *** Grades
2074  ***/
2077 .grade-report-grader table {
2078   border-width:1px;
2079   border-style:solid;
2080   margin-top: 20px;
2083 .grade-report-grader div.submit {
2084   margin-top: 20px;
2085   text-align: center;
2088 .grade-report-grader table td {
2089   border-width:1px;
2090   border-style:solid;
2093 .grade-report-grader tr.heading {
2094   border-width:0px 0px 0px 0px;
2095   border-style:solid;
2098 .grade-report-grader .heading td {
2099   border-width:0px 0px 0px 0px;
2100   border-style:solid;
2103 .grade-report-grader th.category {
2104   border-width:1px 1px 0px 1px;
2105   border-style:solid;
2108 .grade-report-grader th.user {
2109   border-width:0px 0px 1px 0px;
2110   border-style:solid;
2113 .grade-report-grader th.categoryitem,
2114 .grade-report-grader th.courseitem,
2115 .grade-report-grader td.topleft {
2116   border-width:0px 1px 0px 1px;
2117   border-style:solid;
2120 .grade-report-grader td.fillerfirst {
2121   border-width:0px 0px 0px 1px;
2122   border-style:solid;
2125 .grade-report-grader td.fillerlast {
2126   border-width:0px 1px 0px 0px;
2127   border-style:solid;
2130 .grade-report-grader th.item {
2131   border-width:1px 1px 1px 1px;
2132   border-style:solid;
2135 .grade-report-grader div.gradertoggle {
2136   display: inline;
2137   margin-left: 20px;
2140 .grade-report-grader table.gradestable {
2141   margin-left:auto;
2142   margin-right:auto;
2145 .grade-report-grader .gradestable th.user {
2146   text-align:left;
2149 .grade-report-grader .gradestable td {
2150   text-align:right;
2153 .grade-report-grader th.range {
2154   border-width:1px 1px 1px 1px;
2155   border-style:solid;
2158 .grade-report-grader .userpic {
2159   display: inline;
2160   margin-right: 10px;
2163 .grade-report-grader .quickfeedback {
2164   border: #000000 1px dashed;
2167 .popupfeedback {
2168   background-color: #FFFFFF;
2169   border: #000000 1px dashed;
2171 /* scales edit */
2173 .grade-edit-scale .buttons {
2174   margin: 20px;
2175   text-align:center;
2178 .grade-edit-scale .buttons .singlebutton {
2179   display: inline;
2180   padding: 5px;
2183 /* outcomes edit */
2185 .grade-edit-outcome .buttons {
2186   margin: 20px;
2187   text-align:center;
2190 .grade-edit-outcome .buttons .singlebutton {
2191   display: inline;
2192   padding: 5px;
2195 /* gradebook edit tree */
2197 .grade-edit-tree .gradetreebox {
2198   width:70%;
2199   margin-left:auto;
2200   margin-right:auto;
2201   margin-top:10px;
2202   padding-bottom:15px;
2205 .grade-edit-tree .buttons {
2206   margin: 20px;
2207   text-align:center;
2210 .grade-edit-tree .idnumber {
2211     margin-left: 15px;
2214 .grade-edit-tree .buttons .singlebutton {
2215   display: inline;
2216   padding: 5px;
2219 .grade-edit-tree .movetarget {
2220   position: relative;
2221   width: 80px;
2222   height: 16px;
2225 .grade-edit-tree ul#grade_tree {
2226   width: auto;
2229 .grade-edit-tree ul#grade_tree li {
2230   list-style: none;
2233 .grade-edit-tree ul#grade_tree li.category {
2234   margin-bottom: 6px;
2237 .grade-edit-tree .moving {
2238   background-color: #E8EEF7;
2241 .grade-edit-tree .iconsmall {
2242   margin-left: 4px;
2245 #grade-report-toggles {
2246   text-align: center;
2249 /***
2250  *** Login
2251  ***/
2253 .loginbox {
2254   margin-top:15px;
2255   margin-bottom:15px;
2256   border:1px solid;
2257   width:50%;
2258   margin-left:25%;
2259   overflow:hidden;
2262 .loginbox form {
2263   margin:0px;
2264   padding:0px;
2267 .loginbox.twocolumns {
2268   width:90%;
2269   margin-left:5%;
2270   /* background: #faa; */
2273 .loginbox h2,
2274 .loginbox .subcontent {
2275   margin:5px;
2276   padding:10px;
2277   text-align:center;
2280 .loginbox .loginpanel .subcontent {
2281   text-align:center;
2284 .loginbox .loginpanel .desc {
2285   margin:0px;
2286   padding:0px;
2287   margin-bottom:5px;
2290 .loginbox .signuppanel .subcontent {
2291   text-align:left;
2294 .loginbox .loginsub {
2295   margin-left:0%;
2296   margin-right:0%;
2299 .loginbox .guestsub,
2300 .loginbox .forgotsub {
2301   border-top:1px solid;
2302   margin-left:12%;
2303   margin-right:12%;
2304   margin-bottom:5px;
2307 .loginbox .loginform {
2308   margin-top:1em;
2309   text-align:left;
2312 .loginbox .loginform .form-label {
2313   float:left;
2314   text-align:right;
2315   width:40%;
2318 .loginbox .loginform .form-input {
2319   float:right;
2320   width:59%;
2323 .loginbox .loginform .form-input input {
2324   width: 6em;
2327 .loginbox .signupform {
2328   margin-top:1em;
2329   text-align:center;
2332 .loginbox.twocolumns .loginpanel {
2333   float:left;
2334   width:49.5%;
2335   border-right: 1px solid;
2336   margin-bottom:-2000px;
2337   padding-bottom:2000px;
2338   /* background: #afa; */
2341 .loginbox.twocolumns .signuppanel {
2342   float:right;
2343   width:50%;
2344   margin-bottom:-2000px;
2345   padding-bottom:2000px;
2349 /***
2350  *** Message
2351  ***/
2354 #message-user .userpicture,
2355 #message-history .userpicture {
2356   width: 100px;
2357   height: 100px;
2360 .message-discussion-noframes #userinfo .userpicture {
2361   float:left;
2364 .message-discussion-noframes #userinfo .name h1 {
2365   margin:0px;
2368 .message-discussion-noframes #userinfo .name {
2369   text-align:center;
2370   margin-left:60px;
2373 .message-discussion-noframes #userinfo .commands {
2374   text-align:left;
2375   margin-left:60px;
2378 .message-discussion-noframes #userinfo .commands ul {
2379   margin:0px;
2380   padding:0px;
2381   list-style-type:none;
2384 .message-discussion-noframes #userinfo .commands ul li {
2385   display:inline;
2386   padding-right:16px;
2389 .message-discussion-noframes #send {
2390   padding-top:10px;
2391   clear:both;
2394 .message-discussion-noframes #send h1 {
2395   margin:0px;
2398 .message-discussion-noframes #messages {
2399   padding-top:10px;
2402 .message-discussion-noframes #messages ul.messagelist {
2403   margin:0px;
2404   padding:0px;
2407 .message-discussion-noframes #send h1 {
2408   margin:0px;
2411 .message .noframesjslink {
2412   margin-top:20px;
2415 .message .link {
2416   vertical-align:middle;
2419 table.message .searchresults td {
2420   padding:5px;
2421   border-width:1px;
2422   border-style:solid;
2423   border-collapse:collapse;
2424   border-spacing:0px;
2426 .message .summary .link {
2427   text-align:right;
2429 .message .heading {
2430   text-align:center;
2433 .message .note {
2434   text-align:center;
2435   padding:10px;
2438 #message-user .commands span {
2439   margin-left:10px;
2440   margin-right:10px;
2443 body#message-messages {
2444   padding:10px;
2447 /***
2448  *** Notes
2449  ***/
2450 .notepost {
2451     margin-bottom: 1em;
2452     background-color: #EEE;
2454 .sitenotepost {
2456 .coursenotepost {
2458 .draftnotepost {
2461 .ownnotepost .info {
2462     font-weight: bolder;
2465 .notepost .header {
2466     background: #DDD;
2467     padding: 5px;
2470 .notepost .user {
2471     font-weight: bolder;
2474 .notepost .userpicture {
2475     float: left;
2476     margin-right: 5px;
2479 .notepost .info {
2480     font-size: smaller;
2483 .notepost .content {
2484     clear: both;
2487 .notepost .footer {
2488     clear: both;
2491 /***
2492  *** MyMoodle
2493  ***/
2495 .my .coursebox .overview .info {
2496   margin-left:20px;
2499 .my .coursebox .overview {
2500   margin-bottom:10px;
2504 /***
2505  *** Question
2506  ***/
2507 .questionbank h2 {
2508   margin-top: 0;
2511 .que {
2512   text-align: left;
2513   margin: 0 auto 1.8em auto;
2514   border: 1px solid;
2515   clear: both;
2517 .que .info {
2518   float: left;
2519   margin: 0.5em 0 0.5em 1.2em;
2520   width: 8%;
2522 .que .content {
2523   float: left;
2524   margin: 0.5em 1.2em 0.5em 0;
2525   width: 85%;
2527 .que.description .info {
2528   display: none;
2530 .que.description .content {
2531   margin-left: 1.2em;
2532   float: none;
2533   width: auto;
2535 .que .qtext {
2536   margin-bottom: 1.5em;
2538 .que .ablock {
2539   margin: 0.7em 0 0.3em 0;
2541 .que .prompt {
2542   float: left;
2543   width: 15%;
2544   height: 2em;
2545   padding-top: 0.3em;
2547 .que .control {
2548   width: 5%;
2550 .que .answer {
2551   float: left;
2552   width: 83%;
2553   margin-bottom: 0.5em;
2555 .que .submit {
2556   position: relative;
2557   clear: both;
2558   float: left;
2560 /* MSIE Hack */
2561 * html .que .submit {
2562   float: none;
2564 .multianswer .submit {
2565   margin-top: 1em;
2567 .que .c0,
2568 .que .c1 {
2569   padding: 0.3em 0 0.3em 0.3em;
2570   vertical-align: top;
2572 .que .feedback {
2573   clear: both;
2574   padding: 0 0 0.3em 0.3em;
2575   margin-bottom: 0.5em;
2576   border: 1px solid;
2578 .multichoice td.feedback {
2579   width: auto;
2580   vertical-align: top;
2581   padding-top: 0.3em;
2582   border-style: none;
2584 .essay .feedback {
2585   border-style: none;
2587 .multichoice .text {
2588   width: auto;
2590 .calculated .answer,
2591 .numerical .answer,
2592 .shortanswer .answer {
2593   padding: 0.3em;
2594   width: auto;
2596 .truefalse .answer span {
2597   float: left;
2598   clear: left;
2599   padding: 0.3em;
2600   width: 100%;
2602 .que .grading,
2603 .que .comment,
2604 .que .commentlink,
2605 .que .generalfeedback,
2606 .que .history {
2607   margin-top: 0.5em;
2609 .que .grade {
2610   margin-top: 0.5em;
2613 .importerror {
2614   margin-top: 10px;
2615   border-bottom: 1px solid #555;
2618 /***
2619  *** Logs
2620  ***/
2622 .logtable {
2623   margin-left:auto;
2624   margin-right:auto;
2627 .logtable td,
2628 .logtable th {
2629   padding-left: 10px;
2630   padding-right: 10px;
2633 .logtable th {
2634   text-align:left;
2637 #course-user .info {
2638   margin-left:auto;
2639   margin-right:auto;
2640   text-align:center;
2641   margin:10px;
2644 /***
2645  *** Tabs
2646  ***/
2649 /*globalnav*/
2650 .tabtree {
2651   position:relative;
2654 .tabrow0 {
2655   text-align: center;
2656   width:100%;
2657   padding:0 0 1.75em 0;
2658   margin:0;
2659   list-style:none;
2660   line-height:1.8em;
2661   font-size: 84%;
2664 .tabrow0 li {
2665   display: inline;
2666   margin: 0 -4px 0 0;
2667   padding: 0;
2670 .tabrow0 a span {
2671   padding: 10px 14px 0.35em 0;
2672   background: transparent url(pix/tab/right.gif) no-repeat right top;
2675 .tabrow1 li a span {
2676   background: none !important;
2679 .tabrow0 a {
2680   text-decoration: none;
2681   background: transparent url(pix/tab/left.gif) no-repeat left top;
2682   margin: 0 -1px 0 0;
2683   padding: 10px 0 0.35em 13px;
2686 .tabrow0 a:hover {
2687   background-image: url(pix/tab/left_hover.gif);
2690 .tabrow0 .here a:hover {
2691   background-image: url(pix/tab/left.gif);
2694 .tabrow0 a:hover span {
2695   background-image: url(pix/tab/right_hover.gif);
2698 .tabrow0 .here a:hover span {
2699   background-image: url(pix/tab/right.gif);
2702 .tabrow0 .here a {
2703   color:#444;
2707 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2708   position:relative;
2709   z-index:102;
2712 /*subnav*/
2713 .tabrow0 .empty {
2714   height: 1px;
2715   overflow: hidden;
2716   padding: 0;
2719 .tabrow0 div,
2720 .tabrow0 ul {
2721   position: absolute;
2722   left: 0;
2723   top: 2.0em;
2724   width: 100%;
2725   margin: 0;
2726   padding: 0.25em 0;
2727   list-style: none;
2728   border-top: 1px solid #aaa;
2729   line-height: normal;
2730   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2731   font-size: 90%;
2734 .tabrow0 ul li {
2735   display:inline;
2736   margin-top:1px;
2737   background-image: none;
2740 .tabrow0 ul a {
2741   background-image: none;
2742   color:#00c;
2743   margin:0;
2744   padding:0 1em;
2745   border:0
2748 .tabrow0 ul a span {
2749   padding: 0;
2750   background-image: none;
2753 .tabrow0 ul .last span,
2754 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2755 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2756   background-image: none !important;
2759 .tabrow0 ul div {
2760   display: none;
2763 ul.tabrow1 li a,
2764 ul.tabrow1 li a:link,
2765 ul.tabrow1 li a:visited {
2766   color:#00c;
2767   font-size: 110%;
2770 ul.tabrow1 li.here.selected a {
2771   color:#444;
2774 /***
2775  *** Tags
2776  ***/
2778 h2.tag-heading {
2779  text-align:center;
2780  margin-left:auto;
2781  margin-right:auto;
2782  display:block;
2783  width:95%;
2784  padding: 5px 5px 5px 5px;
2788 div#tag-description {
2789  width:95%;
2790  padding: 5px 5px 5px 5px;
2791  margin-left:auto;
2792  margin-right:auto;
2793  display:block;
2796 div#tag-management-box {
2797  margin-bottom:10px;
2798  text-align:center;
2799  line-height:20px;
2800  display:block;
2801  font-size:12px;
2804 div#tag-user-table {
2805  padding:3px;
2806  width:95%;
2807  clear: both;
2808  margin-left:auto;
2809  margin-right:auto;
2810  display:block;
2813 /* small css hack for firefox*/
2814 div#tag-user-table:after{
2815  content:".";
2816  display:block;
2817  clear:both;
2818  visibility:hidden;
2819  height:0;
2820  overflow:hidden;
2822 /* end hack*/
2824 div.user-box {
2825  margin-left:8px;
2826  margin-right:8px;
2827  margin-top:8px;
2828  margin-bottom:8px;
2829  width:115px;
2830  height:160px;
2831  text-align:center;
2832  display:block;
2833  float:left;
2836 img.user-image {
2837  border:0px;
2838  height:100px;
2839  width:100px;
2842 div#small-tag-cloud-box {
2843  width:300px;
2844  margin-left:auto;
2845  margin-right:auto;
2846  margin-bottom:0px;
2847  margin-top:0px;
2850 div#big-tag-cloud-box {
2851  width:600px;
2852  margin-left:auto;
2853  margin-right:auto;
2854  margin-bottom:0px;
2855  margin-top:0px;
2856  display:block;
2857  float:none;
2860 ul#tag-cloud-list {
2861  list-style:none;
2862  padding:5px;
2863  margin:0px;
2864  list-style-type:none;
2866 ul#tag-cloud-list li {
2867  margin:0px;
2868  display:inline;
2871 /* search start*/
2873 div#tag-search-box {
2874  text-align:center;
2875  margin-left:auto;
2876  margin-right:auto;
2877  margin-top:10px;
2878  margin-bottom:10px;
2881 div#tag-search-results-container {
2882  padding:0px;
2883  width:100%;
2886 ul#tag-search-results {
2887  padding:0px;
2888  margin-left:20%;
2889  margin-right:20%;
2890  margin-top:15px;
2891  margin-bottom:0px;
2892  float:left;
2893  width:60%;
2894  display:block;
2895  list-style:none;
2898 ul#tag-search-results li{
2900  width:30%;
2901  float:left;
2902  padding-left:1%;
2903  text-align:left;
2904  line-height:20px;
2905  padding-right:1%;
2909 div#tags-management-links {
2910  text-align:right;
2911  display:block;
2912  font-size:12px;
2915 /* search end*/
2917 /* tag management start*/
2918 span.flagged-tag {
2919  color:#FF0000;
2921 span.flagged-tag a{
2922  color:#FF0000;
2925 table#tag-management-list {
2926  text-align:left;
2927  margin-left:auto;
2928  margin-right:auto;
2931 table#tag-management-list tr td{
2932  padding-left:4px;
2933  padding-right :4px;
2936 form#tag-management-form {
2937  text-align:center;
2939 /* tag management end*/
2941 /* autocomplete start*/
2942 #relatedtags-autocomplete-container
2944  margin-left::auto;
2945  margin-right:auto;
2946  min-height:4.6em;
2947  width:100%;
2950 #relatedtags-autocomplete {
2951  position:relative;
2952  display:block;
2953  width:60%;
2954  margin-left::auto;
2955  margin-right:auto;
2957 #relatedtags-autocomplete .yui-ac-content
2959  position:absolute;
2960  width:420px;
2961  left:53%;
2962  border:1px solid #404040;
2963  background:#fff;
2964  overflow:hidden;
2965  z-index:9050;
2967 #relatedtags-autocomplete .ysearchquery
2969  position:absolute;
2970  right:10px;
2971  color:#808080;
2972  z-index:10;
2974 #relatedtags-autocomplete .yui-ac-shadow {
2975  position:absolute;
2976  margin:.3em;
2977  width:100%;
2978  background:#a0a0a0;
2979  z-index:9049;
2981 #relatedtags-autocomplete ul {
2982  padding:0;width:100%;
2983  margin:0;
2984  list-style-type:none;
2987 #relatedtags-autocomplete li {
2988  padding:0 5px;
2989  cursor:default;
2990  white-space:
2991  nowrap;
2993 #relatedtags-autocomplete li.yui-ac-highlight
2995  background:#FFFFCC;
2997 /* autocomplete end*/
2999 /***
3000  *** User
3001  ***/
3003 .userinfobox {
3004   margin-bottom:5px;
3005   border-width: 1px;
3006   border-style: solid;
3007   border-collapse: separate;
3010 .userinfobox .left,
3011 .userinfobox .side {
3012   padding: 10px;
3013   width: 100px;
3014   vertical-align: top;
3017 .userinfobox .userpicture {
3018   width: 100px;
3019   height: 100px;
3022 .userinfobox .content {
3023   padding: 10px;
3024   vertical-align: top;
3027 .userinfobox .links {
3028   width: 100px;
3029   padding: 5px;
3030   vertical-align: bottom;
3033 .userinfobox .list td {
3034   padding: 3px;
3037 .userinfobox .username {
3038   padding-bottom: 20px;
3041 .userinfobox td.label {
3042   text-align:right;
3043   white-space: nowrap;
3044   vertical-align: top;
3047 table.userinfobox {
3048   width: 80%;
3049   margin-left: 10%;
3050   margin-right: 10%;
3053 table.groupinfobox {
3054   width: 60%;
3055   margin-left: 20%;
3056   margin-right: 20%;
3057   border-width:1px;
3058   border-style:solid;
3059   margin-bottom: 20px;
3062 .groupinfobox .left {
3063   padding: 10px;
3064   width: 100px;
3065   vertical-align: top;
3068 body#user-index h2 {
3069   text-align: center;
3072 #user-view .buttons,
3073 #user-index .buttons {
3074   text-align: center;
3077 #user-view .buttons form,
3078 #user-view .buttons form div {
3079   display:inline;
3082 body#user-index #longtimenosee,
3083 body#user-index #showall {
3084   text-align: center;
3087 body#user-index #showall {
3088   margin: 10px 0px;
3091 body#user-index table#participants {
3092   margin: auto;
3093   width: 80%;
3096 body#user-index table#participants td,
3097 body#user-index table#participants th {
3098   vertical-align: middle;
3099   text-align: left;
3100   padding: 4px;
3103 body#user-index table.controls {
3104   width: 100%;
3106 body#user-index table.controls tr {
3107   vertical-align: top;
3109 body#user-index table.controls td.right,
3110 body#user-index table.controls td.left {
3111   padding: 4px;
3113 body#user-index table.controls .right {
3114   text-align: right;
3116 body#course-participation h2 {
3117   text-align:center;
3119 body#course-participation #showall {
3120   text-align:center;
3121   margin: 10px 0px;
3123 body#user-index .rolesform {
3124   text-align:center;
3127 #user-policy .noticebox {
3128   text-align:center;
3129   margin-left:auto;
3130   margin-right:auto;
3131   margin-bottom:10px;
3132   width:80%;
3133   height:250px;
3136 #user-policy #policyframe {
3137   width:100%;
3138   height:100%;
3141 /***
3142  *** Modules: Assignment
3143  ***/
3145 .userpicture,
3146 .picture user,
3147 .picture teacher {
3148   width:35px;
3149   vertical-align:top;
3151 .modform {
3152   text-align:center;
3155 /***
3156  *** Modules: Chat
3157  ***/
3159 .nextchatsession {
3160   text-align:center;
3163 #mod-chat-gui_header_js-jsupdate {
3164   margin:10px
3166 #mod-chat-gui_header_js-jsupdate .chat-event,
3167 #mod-chat-gui_header_js-jsupdate .chat-message {
3168   width:100%;
3169   padding:0;
3170   margin-top:7px
3173 #mod-chat-view #chatcurrentusers .chatuserdetails {
3174   vertical-align: middle;
3177 #mod-chat-view #enterlink {
3178   text-align: center;
3179   margin-left: auto;
3180   margin-right: auto;
3181   width: 50%;
3184 .chat-event .picture,
3185 .chat-message .picture {
3186   width:40px;
3187   vertical-align:top;
3189 .chat-event .text,
3190 .chat-message .text {
3191   text-align: left;
3194 #mod-chat-gui_basic #participants ul {
3195   margin:0px;
3196   padding:0px;
3197   list-style-type:none;
3200 #mod-chat-gui_basic #participants ul li {
3201   display:inline;
3202   margin-right:10px;
3205 #mod-chat-gui_basic #participants ul li .userinfo {
3206   display:inline;
3209 #mod-chat-gui_basic #messages dl {
3210   padding:0px;
3211   margin:1px;
3214 #mod-chat-gui_basic #messages dd,
3215 #mod-chat-gui_basic #messages dt {
3216   margin-left:0px;
3217   margin-right:5px;
3218   padding:0px;
3219   display:inline;
3222 /***
3223  *** Modules: Choice
3224  ***/
3225 .button {
3226   text-align:center;
3229 .attemptcell {
3230   width:5px;
3231   white-space: nowrap;
3234 .anonymous,
3235 .names {
3236   margin-left:auto;
3237   margin-right:auto;
3240 .downloadreport {
3241   border:0px;
3242   margin-left:auto;
3243   margin-right:auto;
3246 .choiceresponse {
3247   width:100%;
3249 .choiceresponse .picture {
3250   width:10px;
3251   white-space: nowrap;
3254 .choiceresponse .fullname {
3255   width:100%;
3256   white-space: nowrap;
3260 .results.data {
3261   vertical-align:top;
3262   white-space: nowrap;
3265 /***
3266  *** Modules: Data
3267  ***/
3268 .fieldadd,
3269 .sortdefault,
3270 .defaulttemplate {
3271   text-align:center;
3273 .datapreferences {
3274   text-align:center;
3277 table.presets {
3278   margin-left: auto;
3279   margin-right: auto;
3282 /***
3283  *** Modules: Forum
3284  ***/
3286 .forumheaderlist,
3287 .forumpost {
3288   border-width:1px;
3289   border-style:solid;
3290   border-collapse:separate;
3293 .forumpost {
3294   margin-top: 15px;
3297 .forumpost .topic {
3298   padding: 4px;
3299   border-style:solid;
3300   border-width: 0px;
3301   border-bottom-width: 1px;
3304 .forumpost .commands {
3305   padding-top: 0.5em;
3306   text-align:right;
3307   clear: both;
3310 .forumpost .ratings {
3311   padding-top: 1em;
3312   text-align:right;
3315 .forumpost .attachments {
3316   padding: 7px;
3317   text-align:right;
3320 .forumpost .content {
3321   padding: 4px;
3324 .forumpost .footer {
3325   padding-top: 0.5em;
3326   text-align:right;
3329 .forumpost .link {
3330   padding-top: 0.5em;
3331   text-align:right;
3334 .forumpost .left {
3335   width: 35px;
3336   padding: 4px;
3337   text-align: center;
3338   vertical-align: top;
3341 .mod-forum .indent {
3342   margin-left: 30px;
3345 body#user-view .forumpost,
3346 .course .forumpost {
3347   width: 100%;
3350 body#mod-forum-search .c0 {
3351   text-align: right;
3354 body#mod-forum-search .introcontent {
3355   padding: 15px;
3358 .forumolddiscuss {
3359   text-align: right;
3362 .forumheaderlist {
3363   width: 100%;
3366 .forumheaderlist td {
3367   border-width:1px 0px 0px 1px;
3368   border-style:solid;
3371 .forumheaderlist .replies {
3372   text-align: center;
3373   white-space: nowrap;
3376 .forumheaderlist .picture {
3377   width: 35px;
3380 .forumheaderlist .discussion .starter {
3381   vertical-align: middle;
3384 .forumheaderlist .lastpost {
3385   white-space: nowrap;
3386   text-align: right;
3389 .forumheaderlist .discussion .author {
3390   white-space: nowrap;
3392 .forumolddiscuss {
3393   text-align:right;
3395 .forumaddnew,
3396 .forumnodiscuss,
3397 .noticeboxcontent {
3398   text-align:center;
3401 #mod-forum-view .forumaddnew {
3402   margin-bottom: 20px;
3405 #mod-forum-view .forumcontrol .groupmenu {
3406   float: left;
3407   text-align:left;
3408   white-space: nowrap;
3411 #mod-forum-view .forumcontrol .subscription {
3412   float: right;
3413   text-align:right;
3414   white-space: nowrap;
3417 #mod-forum-index .subscription {
3418   float: right;
3419   text-align:right;
3420   white-space: nowrap;
3423 #mod-forum-view .unread {
3424   padding-left: 3px;
3425   padding-right: 3px;
3427 #mod-forum-discuss .forumpost.unread .content {
3428   border-style: solid;
3429   border-width: 2px;
3431 #mod-forum-discuss .ratingsubmit {
3432   text-align:center;
3433   padding:10px;
3435 #mod-forum-index .unread img,
3436 #mod-forum-view .unread img
3438   margin-left: 5px;
3441 #mod-forum-discuss .discussioncontrols td {
3442   width: 33%;
3443   text-align:center;
3446 #email .unsubscribelink {
3447   margin-top:20px;
3448   border-width: 0px 1px 0px 0px;
3449   border-style: solid;
3450   text-align:center;
3453 /***
3454  *** Modules: Glossary
3455  ***/
3457 .glossarypost .commands {
3458   width: 200px;
3459   white-space: nowrap;
3462 #mod-glossary-comments .glossarypost,
3463 #mod-glossary-comment .glossarypost {
3464   margin-top: 15px;
3467 .entryboxheader {
3468   border-width: 1px 1px 0px 1px;
3469   border-style: solid;
3472 .entrybox {
3473   width: 100%;
3474   border-width: 0px 1px 1px 1px;
3475   border-style: solid;
3478 .entrybox hr {
3479   border-left:none;
3480   border-right:none;
3483 .glossarypost {
3484   width: 95%;
3485   border-width:1px;
3486   border-style:solid;
3487   border-collapse:separate;
3488   margin-left:auto;
3489   margin-right:auto;
3490   margin-bottom: 5px;
3491   text-align: left;
3494 .entrylist {
3495   border-width:0px;
3498 .entrylowersection {
3499   padding-top: 10px;
3502 .entrylowersection table{
3503   width: 100%;
3506 .entrylowersection .aliases {
3507   text-align:center;
3510 .entrylowersection .icons,
3511 .entrylowersection .ratings {
3512   text-align:right;
3513   padding-right: 5px;
3516 .entrylowersection .ratings {
3517   padding-bottom: 2px;
3520 .glossarycategoryheader {
3521   width: 95%;
3522   margin-left:auto;
3523   margin-right:auto;
3526 .glossaryformatheader {
3527   width: 90%;
3530 .glossarypost .entry {
3531   padding: 3px;
3534 .glossarypost .picture {
3535   width: 35px;
3538 .glossarycomment {
3539   border-width:1px;
3540   border-style:solid;
3541   border-collapse:separate;
3542   margin-bottom: 5px;
3543   text-align: left;
3546 .glossarycomment .entry {
3547   padding: 3px;
3550 .glossarycomment .picture {
3551   width: 35px;
3554 .glossarycomment .icons {
3555   text-align: right;
3558 .glossarydisplay {
3559   width: 90%;
3560   margin-left:auto;
3561   margin-right:auto;
3562   text-align:center;
3565 .glossarydisplay .tabs {
3566   width: 100%;
3569 .glossarydisplay .separator {
3570   width: 4px;
3573 .glossarydisplay .tabs .selected,
3574 .glossarydisplay .tabs .inactive,
3575 .glossarydisplay .tabs .general {
3578 .glossaryimportexport {
3579   margin-left:auto;
3580   margin-right:auto;
3581   text-align:center;
3584 .glossarypopup {
3585   width: 95%;
3588 .glossaryapproval {
3589   width: 100%;
3592 .mod-glossary .glossarydisplay .tabs {
3593   margin-bottom: 0px;
3595 .mod-glossary .glossarydisplay .tabs .side {
3596   border-style: none;
3597   border-width: 0px;
3598   width: auto;
3601 .glossaryexplain,
3602 .glossaryaddentry {
3603   text-align: center;
3606 .mod-glossary .tabrow0 {
3607   padding-bottom: 5px;
3610 #mod-glossary-view .glossarycontrol {
3611   float: right;
3612   text-align:right;
3613   white-space: nowrap;
3616 /***
3617  *** Modules: Journal
3618  ***/
3619 #mod-journal-view .lastedit,
3620 #mod-journal-view .editend {
3621   margin: 5px;
3622   text-align: center;
3624 #mod-journal-view .feedbackbox {
3625   width: 75%;
3626   border-collapse: separate;
3628 #mod-journal-view .entrycontent {
3629   padding: 3px;
3631 #mod-journal-view .picture {
3632   width: 35px;
3634 #mod-journal-view .grade {
3635   text-align: right;
3637 #mod-journal-view .info {
3638   margin-bottom: 5px;
3639   text-align: right;
3643 /***
3644  *** Modules: Label
3645  ***/
3647 /***
3648  *** Modules: Lesson
3649  ***/
3650 #mod-lesson-lesson #page .addform {
3651   text-align: center;
3653 #mod-lesson-edit #page .label {
3654   font-weight: bold;
3656 #mod-lesson-edit #page .labelcorrect {
3657   text-decoration: underline;
3658   font-weight: bold;
3660 .lessonmediafilecontrol {
3661   text-align: center;
3662   margin-left: auto;
3663   margin-right: auto;
3667 /***
3668  *** Modules: Quiz
3669  ***/
3671 #mod-quiz-view .quizinfo {
3672   text-align: center;
3674 #mod-quiz-view #page .quizgradefeedback,
3675 #mod-quiz-view #page .quizattempt
3677   text-align: center;
3680 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3681   width:70%;
3682   margin-left:auto;
3683   margin-right:auto;
3685 #passwordform {
3686   margin: 1em 0;
3688 #mod-quiz-attempt #page {
3689   text-align: center;
3691 #mod-quiz-attempt .pagingbar {
3692   margin: 1.5em auto;
3695 body#question-preview .quemodname,
3696 body#question-preview .controls
3698   text-align: center;
3700 body#question-preview .quemodname, body#question-preview .controls {
3701   text-align: center;
3704 #mod-quiz-review #page .controls {
3705   text-align: center;
3706   margin: 1.5em auto;
3708 #mod-quiz-review .pagingbar {
3709   margin: 1.5em auto;
3711 #mod-quiz-review .pagingbar {
3712   margin: 1.5em auto;
3714 table.quizreviewsummary {
3715   margin-bottom: 1.8em;
3716   width: 100%;
3718 table.quizreviewsummary tr {
3720 table.quizreviewsummary th.cell {
3721   padding: 1px 0.5em 1px 1em;
3722   font-weight: bold;
3723   text-align: right;
3724   width: 10em;
3726 table.quizreviewsummary td.cell {
3727   padding: 1px 1em 1px 0.5em;
3730 #mod-quiz-mod #reviewoptionshdr .fitem {
3731     float: left;
3732     width: 30%;
3733     margin-left: 10px;
3734     clear: none;
3736 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3737     width: 100%;
3738     font-weight: bold;
3739     text-align: left;
3740     height: 2.5em;
3741  margin-left: 0;
3743 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3744     width: 100%;
3745     text-align: left;
3746  margin-left: 0;
3748 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3749     float: left;
3750     clear: left;
3753 #mod-quiz-edit #page .controls,
3754 #mod-quiz-edit #page .attemptsnotice
3756   text-align: center;
3758 #mod-quiz-edit .quizquestions h2 {
3759   margin-top: 0;
3761 #mod-quiz-edit #showbreaks {
3762   margin-top: 0.7em;
3764 .quizquestionlistcontrols {
3765   text-align: center;
3768 body#mod-quiz-report table#attempts,
3769 body#mod-quiz-report table#commands,
3770 body#mod-quiz-report table#itemanalysis
3772   width: 80%;
3773   margin: auto;
3775 body#mod-quiz-report table#attempts,
3776 body#mod-quiz-report h2.main {
3777   clear: both;
3779 body#mod-quiz-report table#attempts {
3780   margin: 20px auto;
3782 body#mod-quiz-report table#attempts .header,
3783 body#mod-quiz-report table#attempts .cell
3785   padding: 4px;
3787 body#mod-quiz-report table#attempts .header .commands {
3788   display: inline;
3790 body#mod-quiz-report table#attempts .picture {
3791   width: 40px;
3793 body#mod-quiz-report table#attempts td {
3794   border-left-width: 1px;
3795   border-right-width: 1px;
3796   border-left-style: solid;
3797   border-right-style: solid;
3798   vertical-align: middle;
3800 body#mod-quiz-report table#attempts .header {
3801   text-align: left;
3803 body#mod-quiz-report table#attempts .picture {
3804   text-align: center !important;
3806 body#mod-quiz-report .controls {
3807   text-align: center;
3810 /***
3811  *** Modules: Resource
3812  ***/
3814 #mod-resource-view .resourcecontent {
3815   text-align:center;
3816   margin:20px;
3819 #mod-resource-view .resourcepdf {
3820   width: 100%;
3821   padding-top: 15px;
3822   text-align: center
3823   }
3825 .resourcecontent object {
3826     height:480px;
3827     width:600px;
3830 .resourcepdf object{
3831     height: 800px;
3832     width: 800px;
3835 .mod-resource .modified {
3836   text-align:center;
3839 .mod-resource .popupnotice {
3840   text-align:center;
3841   margin:40px;
3844 .ims-nav-bar {
3845   position: relative;
3846   padding:0.1em;
3849 .ims-nav-button a,
3850 .ims-nav-dimmed {
3851   padding-left:1em;
3852   padding-right:1em;
3855 #ims-containerdiv {
3856   margin-top:0.2em;
3859 #ims-menudiv {
3860   position:absolute;
3861   width:250px;
3862   overflow:auto;
3865 #ims-menudiv ol {
3866   list-style-type:none;
3867   margin:0px;
3868   padding-left:1em;
3871 #ims-contentframe {
3872   position:absolute;
3873   left:260px;
3874   border:1px solid;
3875   width:640px;
3876   height:480px;
3879 #ims-contentframe-no-nav {
3880   position:absolute;
3881   border:1px solid;
3882   width:640px;
3883   height:480px;
3886 #mod-resource-view div#footer {
3887   margin-top: 5px;
3890 /***
3891  *** Modules: Scorm
3892  ***/
3894 /***
3895  *** Modules: Survey
3896  ***/
3897 .resultgraph {
3898   text-align:center;
3899   border:1px solid;
3902 .reportsummary,
3903 .studentreport,
3904 .reportbuttons {
3905   text-align:center;
3908 .centerpara {
3909   text-align:center;
3912 .fullnamecell {
3913   width:10%;
3914   vertical-align:top;
3915   white-space: nowrap;
3918 .questiontext {
3919   font-size:1em;
3922 .smalltext {
3923   font-size:0.6em;
3926 .smalltextcell,
3927 .screenreadertext {
3928   width:10%;
3929   text-align:center;
3932 .foundthat,
3933 .preferthat {
3934   width:10%;
3935   white-space: nowrap;
3938 .qnumtopcell {
3939   width:10px;
3940   vertical-align:top;
3943 .qnummiddlecell {
3944   width:10px;
3945   vertical-align:middle;
3948 .optioncell {
3949   width:40%;
3950   vertical-align:middle;
3953 .buttoncell {
3954   width:5%;
3957 .questioncell {
3958   width:50%;
3959   vertical-align:top;
3962 .whitecell {
3963   background-color:white;
3965 /***
3966  *** Modules: Wiki
3967  ***/
3968 .sideblockheading,
3969 .howtowiki {
3970   text-align:right;
3973 .wikisearchform,
3974 .wikilinksblock,
3975 wikiadminactions {
3976   text-align:center;
3979 .wikilinkright{
3980   text-align:right;
3981   padding-bottom: 0.5em;
3984 .wikiexportbox{
3985   margin-left:auto;
3986   margin-right:auto;
3988 /***
3989  *** Modules: Workshop
3990  ***/
3991 .redfont {
3992   color: red;
3995 .workshopuploadform,
3996 .workshopkey {
3997   text-align:center;