13 /* main body attributes */
15 font-family: Verdana, Helevetica, Arial, sans-serif;
18 background-color: #EDE7C2;
21 border:1px solid #aaaaaa;
26 background-color: #ffffff;
27 border-radius: 1em 1em 1em 1em;
28 -moz-border-radius: 1em 1em 1em 1em;
29 -moz-box-shadow:.1em .1em #999999;
30 box-shadow: .1em .1em #999999;
31 background-image: url('images/atutor_head.jpg');
32 background-position: 0% 0%;
33 background-repeat: repeat-x;
34 background-size:auto auto;
38 margin: 0.5em 0em 1em 0em;
45 text-decoration: underline;
50 background-color: transparent;
55 background-color: transparent;
58 h1, h2, h3, h4, h5, h6 {
60 font: 100% Verdana, Helvetica, Arial, sans-serif;
91 /* Table of content attributes*/
93 font-family: Verdana, Helevetica, Arial, sans-serif;
94 background-color: #E9F4F3;
100 border: 1px #ACCFCC solid;
103 /* list attributes */
105 font-family: Verdana, Helevetica, Arial, sans-serif;
112 font-family: Verdana, Helevetica, Arial, sans-serif;
119 list-style: disc url(../../images/folder.gif) outside;
120 font-family: Verdana, Helevetica, Arial, sans-serif;
126 li.folders .disabled {
132 list-style-image:none;
133 list-style-position:outside;
134 list-style-type:none;
140 /* link attributes */
151 /* align text to the left */
159 text-decoration: none;
165 border: 1px #595241 solid;
168 /* main submit button */
170 background-color: #efefef;
172 border: #AAA solid 1px;
173 border-radius: .3em .3em .3em .3em;
174 -moz-border-radius: .3em .3em .3em .3em;
175 -moz-box-shadow:.1em .1em .2em #999999;
176 box-shadow: .1em .1em .2em #999999;
182 border:1px solid #cccccc;
186 background-color: #000000;
188 /* small submit button at top */
190 font-family: Verdana, Helevetica, Arial, sans-serif;
191 background-color: #E9F4F3;
195 background-color: #E9F4F3;
196 border: #ACCFCC solid 1px;
199 /* date attributes */
201 font-family: Verdana, Helevetica, Arial, sans-serif;
213 background-color: white;
217 /* message box styles */
219 /* Editor box small */
221 font-family: Verdana, Helevetica, Arial, sans-serif;
222 background-color: #E9F4F3;
225 border: 1px #ACCFCC solid;
228 /* Editor box large */
230 font-family: Verdana, Helevetica, Arial, sans-serif;
231 background-color: #E9F4F3;
236 padding-bottom: .4em;
237 border: 1px #ACCFCC solid;
242 font-family: Verdana, Helevetica, Arial, sans-serif;
245 .highlight, a.highlight {
246 background-color: #5B8E88;
251 background-color: #5B8E88;
260 /* edit content tabs */
265 background-color: #FFFFFF;
275 border-top: 1px solid #cccccc;
276 border-left: 1px solid #cccccc;
277 border-right: 1px solid #cccccc;
286 .buttontab selected {
287 font-family: Helvetica, Arial, Helvetica, sans-serif;
291 background-color: #FFFFFF;
297 text-decoration:underline;
305 background-color: white;
306 border-top: 1px #B8AE9C solid;
307 border-left: 1px #B8AE9C solid;
308 border-right: 1px #B8AE9C solid;
314 background-color: #fffaf0;
315 border:1px #6F7172 solid;
319 .tab a:link, .etab a:visited {
321 background-color: white;
326 background-color: white;
330 background-color: #6F7172;
340 background-color: #FFFDE0;
344 background-color: #FFFDE0;
351 /* the side menu heading */
352 td.dropdown-heading {
353 background-color: #eeeeee;
355 border: 1px solid #cccccc;
360 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
361 text-decoration: none;
364 td.dropdown-heading.closed {
365 border-bottom: 1px solid #ECFEEA;
368 /* the side menu content */
371 background-color: white;
373 border-left: 1px solid #eeeeee;
374 border-right: 1px solid #eeeeee;
375 border-bottom: 1px solid #eeeeee;
378 td.dropdown a, td.dropdown a:visited {
380 text-decoration: none;
382 td.dropdown a:hover {
384 text-decoration: underline;
393 /* added for 1.4.2: */
399 background-color: #F7F3ED;
411 p.search-description {
412 background-color: #FFFCE5;
417 background-color: #F7F3ED;
419 border-left: 1px solid #595241;
420 border-right: 1px solid #595241;
421 border-top: 1px solid #595241;
426 /***************************************************************/
431 border:1px black solid;
433 table.tabbed-table th#left-empty-tab {
434 background-color: transparent;
436 border-bottom: 1px solid #B8AE9C;
438 table.tabbed-table th#right-empty-tab {
440 background-color: transparent;
441 border-bottom: 1px solid #B8AE9C;
445 table.tabbed-table th#right-empty-tab a {
446 text-decoration: underline;
448 table.tabbed-table th.tab-spacer {
449 background-color: transparent;
451 border-bottom: 1px solid #B8AE9C;
454 table.tabbed-table th.tab {
458 background-color: #E9F4F3;
459 border-bottom: 1px solid #B8AE9C;
460 border-left: 1px solid #B8AE9C;
461 border-top: 1px solid #B8AE9C;
462 border-right: 1px solid #B8AE9C;
464 table.tabbed-table th.tab:hover {
465 background-color: #ACCFCC;
468 table.tabbed-table th.tab a:focus {
471 table.tabbed-table th.selected {
475 background-color: #ACCFCC;
476 border-left: 1px solid #B8AE9C;
477 border-top: 1px solid #B8AE9C;
478 border-right: 1px solid #B8AE9C;
481 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
483 text-decoration: none;
490 background-repeat: no-repeat;
491 background-position: 2px 5px;
496 background-image: url(images/back.gif);
497 background-repeat: no-repeat;
498 background-position: 0px 0px;
502 /* The path bar, including breadcrumbs and add to favorites */
521 border-left: 1px solid black;
522 border-right: 1px solid black;
523 border-bottom: 1px solid black;
527 background-color: #F7F3ED;
536 border-left: 1px solid black;
537 border-right: 1px solid black;
539 background-color: #F7F3ED;
542 border-bottom: 1px solid black;
572 div#top-links a:link, div#top-links a:visited {
573 text-decoration:none;
578 div#top-links a:focus{
580 background-color:#F6EAD6;
588 background-color:#eeeeee;
589 border:thin solid #cccccc;
590 border-radius: .3em .3em .3em .3em;
591 -mox-border-radius: .3em .3em .3em .3em;
592 -moz-box-shadow:.1em .1em .2em #999999;
593 box-shadow: .1em .1em .2em #999999;
599 background-color:#eeeeee;
604 background-color:#eeeeee;
605 border:thin solid #cccccc;
606 border-radius:.3em .3em .3em .3em;
607 -moz-border-radius:.3em .3em .3em .3em;
611 background-color: #F7F3ED;
616 border: 1px solid #cccccc;
618 text-decoration: none;
621 a#editor-link:hover {
622 background-color: #F7F3ED;
623 border: 1px solid #B8AE9C;
627 background-image: url(images/pen.gif);
628 background-repeat: no-repeat;
629 background-position: 0px 2px;
632 background-image: url(images/pen2.gif);
633 background-repeat: no-repeat;
634 background-position: 0px 2px;
638 /* for data tables */
641 border: 1px solid #cccccc;
646 -moz-border-radius: .5em .5em .5em .5em;
651 background-color: #eeeeee;
660 background-image: url('images/sort.png');
661 background-repeat: no-repeat;
662 background-position: right;
666 border-top: 1px solid #B8AE9C;
667 border-bottom: 1px solid #B8AE9C;
670 table.data tbody th {
672 background-color: #F7F3ED;
680 table.data tbody tr:hover {
681 background-color: #efefef;
685 table.data tbody tr.selected {
686 background-color: #E9F4F3;
691 background-color: #F7F3ED;
694 table.data tfoot tr:first-child td {
696 background-image: url('images/arrow_ltr.gif');
697 background-repeat: no-repeat;
698 background-position: 4px 5px;
702 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
703 border-top: 1px solid #B8AE9C;
705 background-image: none;
711 table.data tfoot input {
712 background-color: #efefef;
714 border: #AAA solid 1px;
716 table.data tfoot input:focus {
717 background-color: #FFDAB9;
718 border: #AAA solid 1px;
723 /* used for static tables with no form elements: */
724 table.data.static tbody tr:hover {
725 background-color: transparent;
729 /* course browser: */
737 div.browse-selected {
738 background-image: url('images/side_arrow.gif');
739 background-repeat: no-repeat;
741 background-position: center left;
744 div.browse-unselected {
753 /* feedback /errors */
760 border: 1px solid #DD0000;
762 background-color: #F4DCDC;
764 background-color: #F4DCDC;
768 -moz-border-radius: .5em;
777 text-decoration:underline;
779 div#error ul, div#feedback ul, div#help ul {
796 border: 1px solid #17B506;
798 background-color: #F2FCF0;
802 -moz-border-radius: .5em;
811 border: 1px solid #ACCFCC;
813 background-color: #E9F4F3;
816 -moz-border-radius: .5em;
825 border: 1px solid #B8AE9C;
827 background-color: #EFE6FF;
831 -moz-border-radius: .5em;
835 text-decoration:underline;
843 border: 1px solid #FF8400;
845 background-color: #FFF6ED;
849 -moz-border-radius: .5em;
859 font-family: Verdana, Helevetica, Arial, sans-serif;
863 /* home page links */
872 div.home-link:hover {
874 background-color: #F7F3ED;
875 border: 1px solid #afafaf;
881 text-decoration: none;
896 div.sequence-links a {
897 text-decoration: none;
903 background-color: white;
905 border-left: 1px solid #ECFEEA;
906 border-right: 1px solid #ECFEEA;
907 border-bottom: 1px solid #ECFEEA;
911 div.dropdown-heading {
912 background-color: #ACCFCC;
914 border-left: 1px solid #ECFEEA;
915 border-right: 1px solid #ECFEEA;
916 border-top: 1px solid #ECFEEA;
951 border: 1px solid #000;
962 text-decoration: none;
965 border-left: 1px solid white;
966 border-right: 1px solid white;
969 div.paging li a:hover, div.paging li a.current {
970 background-color: #F7F3ED;
971 border-left: 1px solid #000;
972 border-right: 1px solid #000;
976 /* background-image: url('images/pencil_top_ds.png'); */
977 background-position: 99% 99%;
978 background-repeat: no-repeat;
988 background-color: #F7F3ED;
992 background-image:url(images/tl_corner.gif);
993 background-position: top left;
994 background-repeat: no-repeat;
999 background-color: #595241;
1006 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1007 background-color: transparent;
1008 border-collapse: collapse;
1009 border-bottom: 1px solid #B8AE9C;
1010 padding: 0.5em 0em 0em 2em;
1011 white-space: nowrap;
1015 /* The normal, unselected tabs. They are all links */
1016 background-color: transparent;
1017 border-color: #B8AE9C;
1019 border-style: solid solid none solid;
1022 margin-right: 0.5em;
1023 padding: 0em 2em 0em;
1027 div.tabs a.selected {
1028 /* The selected tab. There's only one of this */
1029 background-color: white;
1030 border-bottom: #B8AE9C 1px solid;
1032 font-weight: normal;
1035 div.tabs a:hover, div.tabs a.active {
1036 background-color: #B8AE9C;
1037 border-bottom: 1px solid #B8AE9C;
1042 -moz-border-radius: 0em 0em .5em .5em;
1043 -moz-box-shadow:.1em .1em .1em #999999;
1044 box-shadow: .1em .1em .1em #999999;
1049 -moz-border-radius: .5em .5em 0em 0em;
1050 -moz-box-shadow:.1em .1em .2em #999999;
1051 box-shadow: .1em .1em .2em #999999;
1055 text-decoration:underline;
1061 border-radius: .5em .5em 0em 0em;
1062 -moz-border-radius: .5em .5em 0em 0em;
1064 border:1px solid #ccc;
1065 -moz-box-shadow:.1em .1em .1em #999999;
1066 box-shadow: .1em .1em .1em #999999;
1071 background-color: #F5F5F5;
1074 font-weight: normal;
1075 border-radius:.0em .0em .5em .5em;
1076 -moz-border-radius: .0em .0em .5em .5em;
1077 border-left:1px solid #ccc;
1078 border-right:1px solid #ccc;
1079 border-bottom:1px solid #ccc;
1080 -moz-box-shadow:.1em .1em .1em #999999;
1081 box-shadow: .1em .1em .1em #999999;
1085 background-color: #6F7172;
1086 border: 1px solid #B8AE9C;
1087 border-style: solid solid none solid;
1089 padding: 0em 1em 0em 1em;
1096 text-decoration: none;
1101 text-decoration: none;
1105 text-decoration: underline;
1119 text-transform: none;
1120 border-left: 1pt solid #B8AE9C;
1133 background-color: #F7F3ED;
1138 background-color: transparent;
1142 /* users/index.php */
1148 border: rgb(204, 204, 204) 1px solid;
1149 background-color: #F7F7F7;
1161 font-weight: normal;
1167 background-color:#FBF4E9;
1168 border: #B8AE9C 1px solid;
1171 div.course img.icon {
1187 border:1px solid white;
1189 div.course div.shortcuts, a {
1191 text-decoration:none;
1193 vertical-align: middle;
1196 div#alternatives_shortcuts {
1199 border-radius: .5em .5em .5em .5em;;
1200 -moz-border-radius: .5em .5em .5em .5em;
1201 -moz-box-shadow:.1em .1em .2em #999999;
1202 box-shadow: .1em .1em .2em #999999;
1203 border:1px solid #cccccc;
1206 padding-right: .2em;
1209 fieldset#shortcuts {
1211 background-color: #FEFDEF;
1212 border: 1pt solid #B8AE9C;
1213 margin: -5pt 5pt 5pt 5pt;
1214 padding-right: 10pt;
1215 padding-bottom: 5pt;
1220 margin-bottom: 10pt;
1221 border-radius: .5em .5em .5em .5em;;
1222 -moz-border-radius: .5em .5em .5em .5em;
1226 border-left:thin solid #cccccc;
1227 border-right:thin solid #cccccc;
1228 border-bottom:thin solid #cccccc;
1229 border-radius: 0em 0em .5em .5em;;
1230 -moz-border-radius: 0em 0em .5em .5em;
1233 -moz-box-shadow:.1em .1em .2em #999999;
1234 box-shadow: .1em .1em .2em #999999;
1240 -moz-border-radius: .5em .5em .5em .5em;
1247 list-style-type: none;
1258 background-image: url('images/help.png');
1259 background-repeat: no-repeat;
1260 background-position: 2px 2px;
1261 padding: 3px 10px 5px 30px;
1262 text-decoration:none;
1267 border-left:thin solid #cccccc;
1268 border-right:thin solid #cccccc;
1269 border-bottom:thin solid #cccccc;
1270 border-radius: 0em 0em .5em .5em;
1271 -moz-border-radius: 0em 0em .5em .5em;
1272 -moz-box-shadow:.1em .1em .2em #999999;
1273 box-shadow: .1em .1em .2em #999999;
1286 div#content-text li {
1296 div#content-test ol{
1300 div#content-test ol ul li{
1302 padding: 0px 2px 0px 15px;
1305 background-color: #fdfdfd;
1306 border-bottom: 1px solid #efefef;
1307 border: 1px solid #eeeeff;
1323 border:1px solid #cccccc;
1324 border-radius: .5em .5em .5em .5em;
1325 -moz-border-radius: .5em .5em .5em .5em;
1326 -moz-box-shadow:.1em .1em .2em #999999;
1327 box-shadow: .1em .1em .2em #999999;
1333 padding-bottom: 10px;
1334 padding-right: 10px;
1351 background-color: #F6EAD6;
1352 border-bottom: .05em solid #6F7172;
1368 ul#home-links, ul#home-detail-links {
1383 ul#home-links li a {
1384 text-decoration: none;
1385 border: 1px transparent;
1388 ul#home-links li a img {
1397 vertical-align: middle;
1400 margin-bottom:-.2em;
1411 dl#public-profile dt {
1415 border-right: 1px solid #F7F3ED;
1416 padding: 5px 5px 5px 0px;
1417 vertical-align: middle;
1420 dl#public-profile dd {
1422 padding: 5px 0px 5px 5px;
1438 border-radius:.5em .5em .5em .5em;
1439 -moz-border-radius: .5em .5em .5em .5em;
1440 -moz-box-shadow:.1em .1em .2em #999999;
1441 box-shadow: .1em .1em .2em #999999;
1443 /* floating layout */
1460 margin: -10px 5px 0;
1471 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1472 #forum-thread li.even { background-color: #F7F3ED; border-top: none; margin-top:.5em;}
1473 #forum-thread li.odd { background-color: #fff; margin-top:1em;}
1474 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1475 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1476 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1477 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1478 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1479 div.forum-post-ctrl { float: right; padding: 5px; margin-top:-.7em;margin-right:.2em;color: #a1a1a1; border:1px solid #cccccc;-moz-border-radius:.3em;border-radius:.3em;}
1480 div.forum-post-ctrl a { text-decoration: none; }
1481 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1482 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1483 div.forum-post-content div.body p { margin-bottom:1em; }
1484 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1485 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1489 /** inbox stuff - reuses some of the forum layout **/
1490 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1493 /* Top navigation tabs / list */
1494 div#topnavlistcontainer {
1495 /*background-image: url('images/pencil_bottom_ds.png'); */
1499 border-bottom:1px solid #cccccc;
1508 margin-bottom: -2px;
1518 display: inline-block;
1521 border-radius: .5em .5em 0em 0em;
1522 -moz-border-radius: .5em .5em 0em 0em;
1523 -moz-box-shadow:.1em .0em .1em #999999;
1524 box-shadow: .1em .0em .1em #999999;
1525 padding: 0em 0em 0em 0em;
1529 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1530 background-color: #E6E6E6;
1532 text-decoration:none;
1533 border-radius: .5em .5em 0em 0em;
1534 -moz-border-radius: .5em .5em 0em 0em;
1535 padding: .2em 1.8em .2em 1.8em;
1536 border-bottom: 1px solid #E6E6E6;
1540 ul#topnavlist li a {
1541 /* The normal, unselected tabs. They are all links */
1545 border-top:1px solid #ccc;
1546 border-left:1px solid #ccc;
1547 border-right:1px solid #ccc;
1548 text-decoration:underline;
1549 background-color:white;
1550 border-radius: .5em .5em 0em 0em;
1551 -moz-border-radius: .5em .5em 0em 0em;
1552 padding: .2em 1.8em .1em 1.8em;
1557 ul#topnavlist li a.selected {
1558 /* The selected tab. There's only one of these */
1560 font-weight: normal;
1561 border-radius:.3em .3em 0em 0em;
1562 -moz-border-radius: .3em .3em 0em 0em;
1563 padding: .2em 1.8em .1em 1.8em;
1567 border: 1px solid #e0e0e0;
1568 background-color: #efefef;
1571 /* tool list on admin home and manage screens */
1574 padding: 2px 2px 2px 5px;
1579 background-color: #fdfdfd;
1580 border-bottom: 1px solid #efefef;
1581 border: 1px solid #eeeeff;
1584 li.top-tool a { font-weight: bold; }
1587 font-weight: normal;
1588 text-decoration:underline;
1597 ul.child-top-tool:before {
1607 /* to modify tool icons on the course home page */
1612 background-color:#000000;
1614 filter:alpha(opacity=10);
1626 /* browse courses */
1629 padding-bottom: 10px;
1630 background-color: #fffaf0;
1631 border:1px #6F7172 solid;
1641 padding-bottom: 10px;
1642 background-color: #fffaf0;
1646 dl.browse-course dt {
1652 padding: 5px 10px 5px 0px;
1653 vertical-align: middle;
1655 dl.browse-course dd {
1658 padding: 5px 0px 5px 10px;
1662 /* form fields grouping for WCAG 2.0 conformance*/
1663 fieldset.group_form{
1666 border:1px #6D7B8D solid;
1669 background-color:#ffffff;
1673 border:1px #6D7B8D solid;
1674 background-color: #EEEEEE;
1680 -moz-border-radius: .2em .2em .2em .2em;
1681 -moz-box-shadow:.1em .1em .1em #999999;
1682 box-shadow: .1em .1em .1em #999999;
1695 /* highlight active links for WCAG 2.0 conformance */
1696 a:active,a:hover,a:focus{
1697 background-color:#F6EAD6;
1702 /* menu align right layout, uncomment to enable */
1708 h2, h3, h4, h5, h6 {
1711 #contentcolumn_shiftright {
1740 /* format of "table of contents" on content page */
1741 #toc a { display:block; margin:3px; float:left;}
1742 #toc .h2 { padding:0 0 0 10px;}
1743 #toc .h3 { padding:0 0 0 30px;}
1744 #toc .h4 { padding:0 0 0 40px; }
1745 #toc .h5 { padding:0 0 0 50px; }
1746 #toc .h6 { padding:0 0 0 60px; }
1749 background-color: #FEFDEF;
1750 border: 1pt solid #B8AE9C;
1757 padding-bottom:.3em;
1761 /* cleans up glossary question mark line spacing*/
1763 border: 1pt solid #B8AE9C;
1764 vertical-align:bottom;
1768 /* jQuery tooltip styles */
1772 border:3px solid #111;
1773 background-color:#eeeeee;
1778 #tooltip h3,#tooltip div{
1786 padding-bottom:.2em;
1787 text-decoration:none;
1788 border-bottom:1px dashed;
1791 /* style for home page modules "detail view" */
1798 padding-bottom: .4em;
1803 border:1px solid #cccccc;
1804 background: #eeeeee;
1809 -moz-border-radius:.3em .3em .3em .3em;
1810 border-radius: .3em .3em .3em .3em;
1811 -moz-box-shadow:.1em .1em .2em #999999;
1812 box-shadow: .1em .1em .2em #999999;
1818 border:1px solid #cccccc;
1819 background: #ffffff;
1827 -moz-border-radius:.5em;
1842 .draggable_selected {
1843 background-color: lightgrey;
1846 div#subnavlistcontainer {
1852 div#subnavbacktopage {
1861 border:1px solid #e8e8e8;
1865 -moz-border-radius: .5em .5em .5em .5em;
1871 font-family: Verdana,Helvetica,Arial,serif;
1878 background-color: #FFFFFF;
1880 display: inline-block;
1883 border-top:1px solid #cccccc;
1884 border-left:1px solid #cccccc;
1885 border-right:1px solid #cccccc;
1886 border-radius: .3em .3em 0em 0em;
1887 -moz-border-radius: .3em .3em 0em 0em;
1889 -moz-box-shadow:.1em .0em .1em #999999;
1890 box-shadow: .1em .0em .1em #999999;
1891 padding: 0em .5em .6em .5em ;
1894 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1896 text-decoration:none;
1897 background-color: #E6E6E6;
1900 ul#subnavlist li a {
1901 /* The normal, unselected tabs. They are all links */
1904 text-decoration:underline;
1911 border:1px solid #cccccc;
1913 /* NEW IN ATUTOR 2.0 */
1914 /* alternate colours in the My Course list */
1916 background-color: #F7F3ED;
1920 background-color: transparent;
1923 /* Content editor wrapper div */
1926 border:1px solid #cccccc;
1928 -moz-border-radius: .5em .5em .5em .5em;
1929 padding: .1em .5em .1em .5em ;
1931 /* Content editor tabs */
1936 white-space: nowrap;
1937 background-color: #ffffff;
1941 padding:0em 0em 0em;
1947 border-top: 1px solid #cccccc;
1948 border-left: 1px solid #cccccc;
1949 border-right: 1px solid #cccccc;
1951 margin-bottom:-.5em;
1953 white-space: nowrap;
1954 background-color: #ffffff;
1955 border-radius: .3em .3em 0em 0em;
1956 -moz-border-radius: .3em .3em 0em 0em;
1957 -moz-box-shadow:.1em .0em .1em #999999;
1958 box-shadow: .1em .0em .1em #999999;
1959 padding: 0em .2em 0em .2em ;
1962 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1963 background-color:#eeeeee;
1966 .editor_tab_selected{
1967 border-top: 1px solid #cccccc;
1968 border-left: 1px solid #cccccc;
1969 border-right: 1px solid #cccccc;
1971 padding: 0em .2em 0em .2em ;
1972 background-color: #eeeeee;
1975 white-space: nowrap;
1976 text-decoration:none;
1978 -moz-border-radius: .3em .3em 0em 0em;
1981 .editor_tab input[type=submit]{
1984 /* 1pxgs current box on My Start */
1991 border: 1px solid #cccccc;
1992 border-radius: .5em .5em .5em .5em;
1993 -moz-border-radius: .5em .5em .5em .5em;
1994 -moz-box-shadow:.1em .1em .1em #999999;
1995 box-shadow: .1em .1em .2em #999999;
2000 list-style-type:none;
2004 vertical-align:middle;
2008 background-color:#E6E6E6;
2010 border-bottom:1px solid #cccccc;
2020 background-color:#eeeeee;
2021 border: 1px solid #cccccc;
2025 /* Preference Editor tabs */
2026 /* Preferences tabs */
2028 table.etabbed-table {
2032 /* Preference Editor tabs */
2033 .etabbed-list-container {
2041 margin-bottom:-.4em;
2047 background-color: transparent;
2053 background-color: #ffffff;
2057 border-top: 1px solid #ffffff;
2062 white-space: nowrap;
2063 background-color: #ffffff;
2066 padding:0em 0em -.3em -.4em;
2068 -moz-border-radius: .3em .3em .3em .3em;*/
2073 border-top: 1px solid #cccccc;
2074 border-left: 1px solid #cccccc;
2075 border-right: 1px solid #cccccc;
2078 white-space: nowrap;
2079 background-color: #FFFFFF;
2080 border-radius: .3em .3em 0em 0em;
2081 -moz-border-radius: .3em .3em 0em 0em;
2082 padding: .3em .2em 0em .3em;
2086 text-decoration:none;
2091 .prefs_tab_selected{
2093 border-top: 1px solid #cccccc;
2094 border-left: 1px solid #cccccc;
2095 border-right: 1px solid #cccccc;
2098 white-space: nowrap;
2099 background-color: #eeeeee;
2100 border-radius:.3em .3em 0em 0em;
2101 -moz-border-radius: .3em .3em 0em 0em;
2102 padding: .2em .2em 0em .5em;
2103 padding: .2em .2em 0em .3em;
2107 text-decoration:none;
2112 /*.prefs_buttontab {
2115 white-space: nowrap;
2116 background-color: #ffffff;
2117 margin-bottom: .5px;
2120 padding:0em 0em 0em;
2122 -moz-border-radius: .3em .3em .3em .3em;
2126 border-top: 1px solid #cccccc;
2127 border-left: 1px solid #cccccc;
2128 border-right: 1px solid #cccccc;
2130 white-space: nowrap;
2131 background-color: #FFFFFF;
2132 border-radius: .3em .3em 0em 0em;
2133 -moz-border-radius: .3em .3em 0em 0em;
2134 padding: .2em .5em 0em .5em;
2135 -moz-box-shadow:.1em .1em 0em #999999;
2136 box-shadow: .1em .1em 0em #999999;
2138 padding-bottom: .9px;
2142 .prefs_buttontab:hover, .prefs_tab:hover {
2143 background-color: #eeeeee;
2146 .prefs_tab_selected{
2148 border-top: 1px solid #cccccc;
2149 border-left: 1px solid #cccccc;
2150 border-right: 1px solid #cccccc;
2152 background-color: #eeeeee;
2156 padding: .2em .5em 0em .5em ;
2157 white-space: nowrap;
2158 text-decoration:none;
2160 -moz-border-radius: .3em .3em 0em 0em;
2161 -moz-box-shadow:.1em .1em .0 #999999;
2162 box-shadow: .1em .1em .1em #999999;
2167 border:1px solid #cccccc;
2169 -moz-border-radius:.5em;
2174 background-color:#ffffff;
2179 .wizscreen > legend{
2182 border:1px solid black;
2183 background-color:#ffffff;
2188 .wizscreen .buttons {
2192 .wizscreen .button {
2210 #course_title_container{
2216 #my_courses_container{
2222 border-radius: .5em .5em .5em .5em;
2223 -moz-border-radius: .5em .5em .5em .5em;
2224 -moz-box-shadow:.1em .1em .1em #999999;
2225 box-shadow: .1em .1em .1em #999999;
2229 vertical-align:middle;
2233 ul#content-tool-links {
2234 list-style: none outside none;
2236 ul#content-tool-links li{
2247 ul#content-tool-links img{
2259 white-space: nowrap;
2266 /* Transformable repository search */
2269 border:thin solid #cccccc;
2274 border-radius: .3em .3em .3em .3em;
2275 -moz-border-radius: .3em .3em .3em .3em;
2276 -moz-box-shadow:.1em .1em .1em #999999;
2277 box-shadow: .1em .1em .1em #999999;
2285 border:thin solid #cccccc;
2286 border-radius: .3em .3em .3em .3em;
2287 -moz-border-radius: .3em .3em .3em .3em;
2288 -moz-box-shadow:.1em .1em .1em #999999;
2289 box-shadow: .1em .1em .1em #999999;
2296 margin-bottom: -.5em;
2297 border-top:thin solid #cccccc;
2298 border-left:thin solid #cccccc;
2299 border-right:thin solid #cccccc;
2300 border-radius: .3em .3em 0em 0em;
2301 -moz-border-radius: .3em .3em 0em 0em;
2305 font-family: monospace;
2306 border: 2px solid rgb(0, 0, 0);
2308 color: rgb(255, 255, 255);
2309 background-color: rgb(0, 0, 0);
2313 border-bottom-width: 0px;
2316 font-weight: normal;
2322 #display-settings-preview{
2329 #defaultfontsize-wrapper{
2334 /* ATutor Social Styles */
2336 div .profile_container {
2337 background-color:#eee;
2338 border: 1px solid #8e8e8e;
2341 margin-bottom: 0.5em;
2344 div .profile_container .top_right {
2348 dl.public-profile dd{
2351 dl.public-profile dt {
2362 div .search_form .row{
2363 /* background-color: #DEDEC0;*/
2364 background-color: #ffffff;
2368 background-color: #eee;
2369 border: 1px solid #aaa;
2372 background-color: #cccccc;
2379 ul.social_side_menu {
2382 ul.social_side_menu li {
2383 padding-bottom: 0.2em;
2388 border-bottom:1px solid #C1C157;
2389 padding-bottom:0.5em;
2390 margin-bottom:0.5em;
2398 div.headingbox, h3.headingbox, a.headingbox{
2399 border:1px #cccccc solid;
2401 background-color: #eeeeee;
2402 text-decoration:none;
2407 div.contentbox, input-form{
2410 border-left:1px #cccccc solid;
2411 border-right:1px #dddddd solid;
2412 border-bottom:1px #cccccc solid;
2414 background-color: #ffffff;
2419 border:1px solid #a50707;
2427 ul.social_inline_menu{
2428 background-color: #eeeeee;
2429 border:thin #cccccc solid;
2435 border:thin solid #cccccc;
2456 .people-you-may-know{
2467 padding-bottom:0.2em;
2490 /* relative image size styles */
2505 input[type=image].fl-force-right{