adding core theme magazine. MDL-23620
[moodle.git] / theme / magazine / style / core.css
1 /** body font family and background image **/
3 html,body {
4         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
5         margin: 0;
6         padding: 0;
7 }
9 html a:hover,body a:hover {
10         text-decoration: underline;
11 }
13 /** remove text decoration from some links **/
15 div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .categorybox a, .course_category_tree a, .section a {
16         text-decoration: none;
17 }
19 a:active {
20         outline: 0;
22 /* for browsers that understand */
23 }
25 a:focus {
26         outline: 0;
28 /* for browsers that understand */
29 }
31 /**header divs **/
33 #header-wrap {
34         top: 0;
35         left: 0;
36         width: 100%;
37 }
39 #header {
40         width: 91%;
41         min-width: 910px;
42         height: 30px;
43         margin: 0 auto;
44         overflow: hidden;
45 }
47 #headright {
48         float: right;
49         font-size: 10px;
50         font-weight: 200;
51         margin-top: 0;
52         padding-top: 0;
53         min-width: 180px;
54         text-align: right;
55         color: #eeeeee;
56         line-height: 30px;
57         min-width: 400px;
58 }
60 #headright a {
61         color: #fff;
62 }
64 #headright div.langmenu {
65         float: right !important;
66         display: inline !important;
67         padding: 0px 0px 0px 0px !important;
68         line-height: 28px !important;
69         margin: 0px 0px 0px 5px !important;
70         font-size: 9px;
71 }
73 #headleft {
74         float: left;
75         height: 30px;
76         line-height: 30px;
77         color: #fff;
78         font-size: 12px;
79 }
81 /** Logo and menu bar divs and wrap **/
83 #textcontainer-wrap {
84         top: 0;
85         left: 0;
86         width: 100%;
87         border-top: 1px solid #fff;
88 }
90 #textcontainer {
91         clear: both;
92         border: none;
93         width: 92%;
94         min-width: 910px;
95         height: 130px;
96         margin: 0 auto;
97         overflow: hidden;
98 }
100 div.thetitle {
101         width: 340px;
102         height: 130px;
103         float: left;
106 #nologo {
107         width: 337px;
108         height: 130px;
109         float: left;
110         overflow: hidden;
111         padding-left: 3px;
113 #nologo a, #nologo {
114         font-size: 40px;
115         font-style: italic;
116         font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
117         font-weight: 800;
118         letter-spacing: -1px;
119         line-height: 130px;
121 #nologo a:hover {
122         text-decoration: none;
124 div.rightinfo {
125         float: right;
126         min-width: 470px;
127         height: 130px;
128         overflow: hidden;
131 #menucontainer {
132         height: 45px;
133         margin-top: 40px;
137 /** main content wraps **/
139 #outercontainer {
140         width: 91%;
141         min-width: 910px;
142         margin:0 auto;
143         background-position: 78% 100%;
144         padding: 1%;
145         background: url([[pix:theme|contback]]);
146         border: 1px solid #dadada;
149 #container {
150         width: 100%;
151         margin:0 auto;
152         background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
153         border: 1px solid #dadada;
156 #innercontainer {
157         background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
160 /** remove background image line for post or pre or content only **/
162 .side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
163         background-image: none !important;
166 /** breadcrumb and button holders at top of page content **/
168 div#jcontrols_button {
169         width: 100%;
170         min-height: 35px;
171         border-top: 1px solid #fff;
172         background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
175 div#jcontrols_bottom {
176         width: 100%;
177         height: 35px;
178         background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
179         clear: both;
182 div.jcontrolsleft {
183         min-height: 35px;
184         line-height: 35px;
185         margin-left: 15px;
186         font-weight: 600;
187         font-size: 13px;
188         float: left;
189         min-width: 100px;
192 div.jcontrolsright {
193         float: right;
194         min-width: 100px;
195         min-height: 35px;
196         margin-right: 15px;
199 div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
200         margin: 5px 0px 0px;
203 /** foot wraps and inner divs **/
205 #footer {
206         width: 91%;
207         height: 35px;
208         position: relative;
209         margin: 0 auto;
212 #footer-wrap {
213         position: relative;
214         bottom: 0;
215         left: 0;
216         width: 100%;
217         background: none;
218         margin-top: 10px;
219         height: 35px;
222 .johndocs {
223         float: right;
224         height: 15px;
225         font-size: 8px;
226         margin: 10px 3px 0px 0px;
227         color: #333333;
230 .johndocs a, div.johndocsleft a {
231         font-weight: 200;
232         text-decoration: none;
235 div.johndocsleft {
236         float: left;
237         height: 15px;
238         margin-top: 10px;
239         width: 300px;
240         color: #333333;
241         font-size: 11px;
244 /** Some breadcrumb style **/
246 .breadcrumb ul {
247         line-height: 35px;
250 .breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
251         font-weight: 200;
252         text-decoration: none;
253         color: #666666;
254         font-size: 12px;
257 .breadcrumb li a:hover {
258         text-decoration: underline;
259         color: #333333;
262 .breadcrumb li img {
263         vertical-align: middle;
266 /** breadcrumb image replacement **/
268 div#jcontrols_button span.arrow.sep {
269         font-size: 1px;
270         color: #fafafa;
271         background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
272         background-position: 50% 9px;
273         display: inline-block;
274         width: 16px;
275         line-height: 40px;
278 /** Block styles **/
280 .block {
281         margin: 0 0 5px 0 !important;
282         padding: 0 0 0 0 !important;
283         border: none !important;
286 .block div.header {
287         margin: 0 0 0 !important;
288         padding-top: 0 !important;
289         min-height: 33px;
290         height: auto !important;
291         height: 33px;
292         border-right: 1px solid #dadada;
293         border-top: 1px solid #dfdfdf;
294         border-left: 1px solid #dfdfdf;
295         border-bottom: 1px solid #cccccc;
296         background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
299 .block.hidden div.header {
300         border: 1px solid #dadada;
303 .block.block_with_controls div.header div.commands {
304         text-align: center;
305         border-top: 1px solid #ccc;
306         padding: 2px;
309 .block.block_with_controls div.header div.commands a img {
310         margin-right: 3px;
313 .title h2 {
314         padding: 0px 0px 0px 10px;
315         font-size: 16px;
316         text-transform: none;
317         margin: 0 !important;
318         line-height: 32px;
319         font-weight: 800;
322 .block div.block_action input {
323         margin-top: 3px;
324         position: relative;
325         top: 6px;
328 .block div.content {
329         font-size: 12px;
330         font-weight: 200;
331         padding: 10px 15px 15px;
334 /** extra left padding on right side blocks **/
336 #region-post .block div.content {
337         padding-left: 20px;
340 /** some specific block styles for calendar block, login block, my profile block, etc. **/
342 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
343         border: none !important;
346 .block_calendar_month table.minicalendar {
347         margin-bottom: 0px !important;
350 .block_calendar_month table.minicalendar.calendartable th abbr {
351         border: none !important;
352         text-decoration: none;
355 .block_comments div.content li {
356         list-style-type: none;
359 .block_messages.block div.content .list a {
360         font-size: 10px;
363 .block_login.block div.content div {
364         margin-bottom: 9px;
365         clear: both;
368 .block_login.block div.content label {
369         font-size: 11px;
370         display: inline-block;
371         min-width: 50px;
372         margin-right: 3px;
375 .block_myprofile div.content div {
376         font-size: 11px;
379 .block_myprofile div.content div.myprofileitem.picture {
380         width: 105px;
381         float: left;
384 .block_myprofile div.myprofileitem.fullname {
385         font-size: 12px;
386         font-weight: 800;
389 .block_myprofile div.myprofileitem.edit {
390         clear: both;
391         font-weight: 800;
392         font-size: 12px;
395 .block_news_items div.content li.post {
396         margin-bottom: 4px;
397         margin-top: 2px;
400 .block_news_items div.content div.head.clearfix {
401         font-size: 11px;
404 .block_news_items div.content div.info {
405         font-weight: 600;
408 /** inner block style for decent display of recent news, etc **/
410 .block_recent_activity.block_docked div.content h2.main, .block_recent_activity.block_docked div.content h3.main, .side-pre .block div.content h2.main,.side-post .block div.content h2.main,.block div.content h3.main,.block div.content h2 {
411         font-size: 13px;
412         color: #333;
413         font-weight: 800;
414         background: none;
415         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
418 /** a few styles for the tabs **/
420 div.tabtree li a span {
421         font-size: 11px;
424 /** yui overlays **/
426 div.yui3-widget.yui3-overlay.yui3-widget-positioned {
427         border: 1px solid #cccccc;
430 div.yui3-overlay-content.yui3-widget-stdmod {
431         border: 1px solid #fff;
432         background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
435 div.yui3-widget-bd {
436         border: none;
437         background: none;
440 div.yui3-widget-bd h1.helpheading {
441         font-size: 16px !important;
442         font-weight: 800;
443         margin: 5px 0px 2px 18px;
444         background: url([[pix:theme|information]]) no-repeat 0% 50%;
447 .yui-module.yui-overlay.yui-panel div.hd {
448         background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
449         }
451 /**moodle dropdown css for yui menu **/
453 #custommenu {
454         font-size: 13px;
455         font-weight: 600;
456         border: none !important;
457         height: 45px;
460 div.yui3-menu.yui3-menu-horizontal {
461         background: #fafafa url([[pix:theme|menubarback]]) repeat-x !important;
462         border-bottom: 1px solid #cccccc !important;
463         border-top: 1px solid #dadada !important;
464         border-left: none;
465         border-right: 1px solid #cccccc;
466         float: right;
469 div.yui3-menu-content {
470         border: none !important;
473 .yui3-menu-content li a {
474         font-size: 12px;
475         font-weight: 600;
476         text-transform: lowercase;
477         line-height: 45px;
478         cursor: pointer;
479         border-right: none !important;
480         border-top: none !important;
481         border-bottom: none !important;
484 .yui3-menu-horizontal .yui3-menu-label {
485         padding-left: 16px !important;
486         background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
487         }
489 .yui3-menu-horizontal .yui3-menu-label-menuvisible {
490         background-position: 5px -23px !important;
493 .yui3-menu-content li {
494         border-left: 1px solid #dadada;
495         border-top: none !important;
498 .yui3-menu-content li:hover {
499         background: #eee;
502 div.yui3-menu.custom_menu_submenu {
503         background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
504         border: none;
505         min-width: 100px;
506         z-index: 99998;
509 div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu {
510         background: none !important;
511         min-width: 100px;
514 div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
515         background: #fff;
516         z-index: 99999;
517         width: 200px;
518         padding-top: 0 !important;
519         padding-bottom: 0 !important;
520         margin: 20px 0px 0px -40px;
523 /** below style to move sub subs to the left to keep from going off the page **/
525 div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
526         margin-left: -400px !important;
527         /** double the width of the menu item **/
528         width: 200px;
529         position: relative;
530         top: -15px;
533 div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
534         border-left: none;
537 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a {
538         font-size: 11px;
539         border-bottom: 1px solid #cccccc !important;
540         border-top: 0px solid #fff !important;
541         text-transform: none;
542         background: #eee !important;
543         text-decoration: none !important;
544         text-transform: lowercase;
547 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
548         background: #cccccc !important;
549         cursor: pointer;
550         color: black !important;
551         text-decoration: none !important;
554 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
555         background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
558 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
559         background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px;
562 /** yui moodle dock bar **/
564 #dock {
565         padding-top: 0px;
566         width: 30px;
569 div.dockeditem_container div.dockeditem {
570         background: url([[pix:theme|mbar]]) repeat-y;
571         border: none;
572         color: #fff;
573         font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
576 div.dockeditem_container.firstdockitem {
577         border-top: none;
580 div.dockedtitle {
581         border: none;
582         padding-top: 3px;
583         padding-bottom: 3px;
586 .dockedtitle h2 {
587         font-weight: 200 !important;
590 div.dockeditempanel_content {
591         border: 1px solid #dadada !important;
592         border-left: none !important;
593         font-size: 90%;
596 div.dockeditempanel_content a {
597         text-decoration: none;
600 div.dockeditempanel_hd {
601         text-align: left;
602         font-size: 12px;
605 div.dockeditempanel_hd {
606         padding-top: 3px;
607         padding-bottom: 3px;
608         background: #eee;
609         border-bottom: 1px solid #dadada !important;
612 div.dockeditempanel_hd h2 {
613         font-weight: 600;
614         font-size: 12px;
617 div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
618         list-style-type: none;
619         padding: 0;
622 div.dockeditempanel_bd {
623         font-weight: 200;
626 #dockeditempanel {
627         margin-left: 1px;
630 html>
632 /**/body #dockeditempanel {
633         margin-top: -20px;
636 #dock div.controls {
637         margin-top: 20px;
638         padding-top: 0px;
639         position: relative;
642 /** main headings **/
644 .generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
645         font-size: 30px;
646         padding-bottom: 2px;
647         margin: 3px 0 2px;
648         border-bottom: none;
649         display: block;
650         font-family: Georgia, serif;
651         font-weight: normal;
652         letter-spacing: -1px;
653         line-height: 1em;
654         background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
655         }
657 .generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
658         font-size: 22px;
659         background: none;
662 /** forum post style **/
664 .forumpost td.content {
665         border: 1px solid #dadada;
666         border-top: none;
667         background: #fff;
668         padding: 1em 1em 1em 1em;
671 .forumpost td.content div.posting {
672         font-size: 90%;
675 .forumpost td.topic {
676         border: 1px solid #dadada;
677         padding-top: 0px;
678         padding-bottom: 0px;
681 .forumpost .subject, .blog_entry div.subject a {
682         font-size: 19px;
685 td.picture {
686         border-right: none !important;
689 td.author {
690         border-left: none !important;
693 table.forumpost {
694         border: none;
697 .forumpost .commands a {
698         text-decoration: none;
699         font-weight: 200;
702 .forumpost td.left {
703         padding: 4px 5px 4px 0;
706 .forumpost td.left.picture {
707         background: url([[pix:theme|postline]]) no-repeat 120% 104%;
710 .forumpost td.left.picture img {
711         border: 1px solid #eee;
712         border-bottom: 1px solid #ccc;
713         border-right: 1px solid #dadada;
714         background: #fff;
715         padding: 4px 4px 9px;
716         margin-top: 0px;
719 .forumpost .starter {
720         background-color: #FFF;
723 .forumpost .author {
724         font-size: 11px !important;
725         color: #666;
726         font-style: italic;
727         font-weight: 200;
730 .forumpost .author a {
731         font-style: normal;
732         font-weight: 800;
735 .info .name a {
736         font-weight: bold;
739 .indent {
740         margin-left: 30px;
743 div.subscribelink {
744         text-align: right;
747 .subscribelink a {
748         text-decoration: none;
749         font-size: 11px;
752 /**tables and fields and foms oh my! **/
754 .mform fieldset,fieldset.clearfix {
755         border: 1px solid #dadada !important;
756         background: #f9f9f9;
759 .ftoggler {
760         font-size: 18px;
761         color: #333333;
764 div.notifysuccess {
765         width: 80%;
766         margin: 0 auto;
767         font-size: 15px;
768         color: #008500;
769         border: 3px solid #dadada;
770         text-align: center;
771         background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
772         padding: 5px;
775 table a {
776         text-decoration: none;
779 td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
780         font-size: 11px;
781         font-weight: 200;
782         text-decoration: none;
783         color: #fff !important;
784         border-top: 1px #ccc solid !important;
785         padding: 5px;
788 table#categoryquestions th a {
789         color: #fff;
792 .generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
793         border: none;
794         color: #fff !important;
795         font-size: 12px;
796         text-decoration: none;
797         padding: 5px;
800 tr.r1 td {
801         background-color: #f9f9f9;
804 table.rolecap td, table.rolecap th {
805         border-bottom: 1px solid #dadada;
808 table.rolecap td.risk {
809         border-left: 1px solid #dadada;
812 /** Coursebox and category box stuff for front page **/
814 ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
815         list-style-type: none;
816         padding: 0;
817         margin: 0;
820 div.coursebox {
821         padding-bottom: 7px !important;
822         margin-bottom: 7px !important;
823         border-bottom: 1px solid #eee;
826 div.coursebox h3.name {
827         margin-top: 0px;
828         margin-bottom: 0px;
831 div.coursebox h3.name a {
832         font-size: 16px;
833         font-weight: 400;
836 .unlist div.summary {
837         font-size: 14px;
838         color: #666666;
839         font-style: italic;
842 .unlist ul.teachers {
843         display: block;
844         padding-left: 5px !important;
847 .unlist ul.teachers li {
848         font-size: 10px;
851 .unlist ul.teachers li a {
852         font-size: 11px;
855 div.categorybox {
856         border: none !important;
857         margin-top: 0;
860 td.category.name a {
861         padding-left: 20px;
862         background-image: url([[pix:theme|jcourse]]) no-repeat 0 50%;
863         font-weight: 400;
864         font-size: 16px;
867 #course-index td.category.name a {
868         padding-left: 0px;
869         background-image: none;
872 table.categorylist td {
873         padding: 0;
876 div.course_category_tree a {
877         font-size: 16px;
878         font-weight: 400;
879         text-decoration: none;
882 div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
883         margin-bottom: 8px;
886 div.course_category_tree div.category.with_children div.category_label {
887         background-position: 0 55% !important;
890 div.course_category_tree div.course.odd {
891         background: #eee;
894 div.course_category_tree div.course a {
895         font-size: 14px;
898 div.category.subcategory.with_children {
899         margin-left: 20px;
902 div.course_category_tree div.controls {
903         font-size: 10px;
904         color: #666;
905         text-transform: uppercase;
908 div.course_category_tree div.controls div {
909         margin-top: 3px;
910         margin-right: 10px;
911         border-bottom: 1px solid #dadada;
914 /** inside  of course **/
916 li.section {
917         border-bottom: 1px solid #dadada;
918         clear: both;
919         min-height: 30px;
922 li#section-0 div.content {
923         margin-top: 0px;
924         padding-top: 0px;
927 li.current {
928         background: #ffffe3;
931 li.current div.content {
932         background: #fff;
935 h3.weekdates {
936         border: 1px solid #ccc;
937         background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
938         width: 170px;
939         font-size: 11px !important;
940         font-weight: 200;
941         text-transform: uppercase;
942         text-align: center;
943         margin: 0px 0px 3px;
944         color: #333333 !important;
945         padding: 3px;
948 .current h3.weekdates {
949         color: black !important;
950         font-weight: 600;
953 div.course-content div.left.side {
954         font-weight: 200;
955         font-size: 20px;
956         font-family: Georgia, serif;
957         color: #666;
960 span.completionprogress {
961         font-size: 11px;
962         font-weight: 200;
965 /**my moodle page style **/
967 div.assignment.overview {
968         margin-bottom: 5px;
969         padding-bottom: 3px;
970         border-bottom: 1px dashed #dadada;
973 div.assignment.overview div.name {
974         font-weight: 600;
977 div.assignment.overview div {
978         display: block !important;
979         float: none !important;
980         width: 100% !important;
983 #page-my-index div.coursebox {
984         border-bottom: none;
988 /** glossary activity **/
990 table.glossarycategoryheader h2.main {
991         text-align: center;
992         margin-bottom: 0;
993         margin-top: 0;
996 table.glossarypost {
997         margin-top: 0;
998         width: 100%;
999         border-bottom: 1px dashed #dadada;
1002 table.glossarypost td.entry h3 {
1003         font-size: 20px;
1006 /** a few quick wiki styles **/
1008 #page-mod-wiki-view div.generalbox {
1009         padding: 10px;
1012 #page-mod-wiki-view h2.wiki_headingtitle {
1013         font-size: 22px;
1014         font-family: Georgia, serif;
1015         color: #333333;
1016         font-weight: 600;
1017         text-align: left;
1018         margin-bottom: 3px;
1019         margin-top: 2px;
1022 /**HR in content blocks **/
1024 .content hr {
1025         height: 1px;
1026         color: #dadada;
1027         background-color: #dadada !important;
1028         border: none;
1029         border-style: none;
1032 /** some MISC styles to clean things up and keep the theme consistant **/
1034 div#intro {
1035         border: none;
1036         text-align: center;
1037         font-size: 14px;
1038         color: #333333;
1041 div.que {
1042         border: 1px solid #dadada;
1045 div.questionbankwindow.block div.header {
1046         background: #eee !important;
1049 div.questionbankwindow.block div.header a {
1050         color: #333333 !important;
1051         font-size: 11px;
1054 div.generalbox, div.section {
1055         border: 1px solid #dadada;
1058 /** take borders away from some generalboxes here **/
1060 div.generalbox.sitetopic, div.generalbox.authsui,#page-course-info div.generalbox, #page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox {
1061         border: none;
1064 div.generalbox.firstpageoptions h3.main {
1065         font-size: 16px;
1068 div.redirectmessage {
1069         width: 60%;
1070         margin: 10px auto 0 auto;
1071         border: none;
1072         font-size: 13px;
1073         background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
1074         padding: 20px;
1077 div.box.errorbox {
1078         border: 1px solid #dadada;
1079         color: #ff0000;
1080         background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
1081         padding: 10px;
1084 div#newmessageoverlay {
1085         padding: 10px;
1088 div#newmessageoverlay a {
1089         text-decoration: none;
1090         font-size: 11px;
1093 #page-mod-page-view div.generalbox {
1094         border-left: none;
1095         border-right: none;
1096         border-top: none;
1099 /** fix overflow on quiz results display **/
1101 div#tablecontainer {
1102         overflow: auto;
1103         margin-bottom: 10px;
1106 div.course-content div.availabilityinfo {
1107         font-size: 11px;
1108         font-style: italic;
1109         padding: 2px;
1110         border-bottom: 1px dashed #dadada;
1111         margin-bottom: 10px;
1114 /** login form **/
1116 .twocolumns div.loginpanel {
1117         border-right: 1px dashed #dadada !important;
1120 div.forgetpass {
1121         clear: both;
1124 div.loginform {
1125         width: 50% !important;
1128 div.loginform div.form-input input {
1129         width: 90px !important;
1132 div.loginform label {
1133         line-height: 20px;
1136 div.signuppanel {
1137         float: right !important;
1138         width: 40% !important;
1139         margin-left: 0px;
1140         padding-left: 0px;
1143 div.singlebutton.forumaddnew {
1144         text-align: center;
1147 #page-course-info h2.main {
1148         line-height: 5px;
1149         margin-bottom: 5px;
1152 #page-course-info div.generalbox ul, #page-course-info div.generalbox li {
1153         list-style-type: none;