15 /* main body attributes */
17 font-family: Verdana, Helevetica, Arial, sans-serif;
20 background-color: #EDE7C2;
23 border:1px solid #aaaaaa;
28 background-color: #ffffff;
29 border-radius: 1em 1em 1em 1em;
30 -moz-border-radius: 1em 1em 1em 1em;
31 -moz-box-shadow:.1em .1em #999999;
32 box-shadow: .1em .1em #999999;
33 background-image: url('images/atutor_head.jpg');
34 background-position: 0% 0%;
35 background-repeat: repeat-x;
36 background-size:auto auto;
40 margin: 0.5em 0em 1em 0em;
47 text-decoration: underline;
52 background-color: transparent;
57 background-color: transparent;
60 h1, h2, h3, h4, h5, h6 {
62 font: 100% Verdana, Helvetica, Arial, sans-serif;
93 /* Table of content attributes*/
95 font-family: Verdana, Helevetica, Arial, sans-serif;
96 background-color: #E9F4F3;
102 border: 1px #ACCFCC solid;
105 /* list attributes */
107 font-family: Verdana, Helevetica, Arial, sans-serif;
114 font-family: Verdana, Helevetica, Arial, sans-serif;
121 list-style: disc url(../../images/folder.gif) outside;
122 font-family: Verdana, Helevetica, Arial, sans-serif;
128 li.folders .disabled {
134 list-style-image:none;
135 list-style-position:outside;
136 list-style-type:none;
142 /* link attributes */
153 /* align text to the left */
161 text-decoration: none;
167 border: 1px #595241 solid;
170 /* main submit button */
172 background-color: #efefef;
174 border: #AAA solid 1px;
175 border-radius: .3em .3em .3em .3em;
176 -moz-border-radius: .3em .3em .3em .3em;
177 -moz-box-shadow:.1em .1em .2em #999999;
178 box-shadow: .1em .1em .2em #999999;
184 border:1px solid #cccccc;
188 background-color: #000000;
190 /* small submit button at top */
192 font-family: Verdana, Helevetica, Arial, sans-serif;
193 background-color: #E9F4F3;
197 background-color: #E9F4F3;
198 border: #ACCFCC solid 1px;
201 /* date attributes */
203 font-family: Verdana, Helevetica, Arial, sans-serif;
215 background-color: white;
219 /* message box styles */
221 /* Editor box small */
223 font-family: Verdana, Helevetica, Arial, sans-serif;
224 background-color: #E9F4F3;
227 border: 1px #ACCFCC solid;
230 /* Editor box large */
232 font-family: Verdana, Helevetica, Arial, sans-serif;
233 background-color: #E9F4F3;
238 padding-bottom: .4em;
239 border: 1px #ACCFCC solid;
244 font-family: Verdana, Helevetica, Arial, sans-serif;
247 .highlight, a.highlight {
248 background-color: #5B8E88;
253 background-color: #5B8E88;
262 /* edit content tabs */
267 background-color: #FFFFFF;
277 border-top: 1px solid #cccccc;
278 border-left: 1px solid #cccccc;
279 border-right: 1px solid #cccccc;
288 .buttontab selected {
289 font-family: Helvetica, Arial, Helvetica, sans-serif;
293 background-color: #FFFFFF;
299 text-decoration:underline;
307 background-color: white;
308 border-top: 1px #B8AE9C solid;
309 border-left: 1px #B8AE9C solid;
310 border-right: 1px #B8AE9C solid;
316 background-color: #fffaf0;
317 border:1px #6F7172 solid;
321 .tab a:link, .etab a:visited {
323 background-color: white;
328 background-color: white;
332 background-color: #6F7172;
342 background-color: #FFFDE0;
346 background-color: #FFFDE0;
353 /* the side menu heading */
354 td.dropdown-heading {
355 background-color: #eeeeee;
357 border: 1px solid #cccccc;
362 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
363 text-decoration: none;
366 td.dropdown-heading.closed {
367 border-bottom: 1px solid #ECFEEA;
370 /* the side menu content */
373 background-color: white;
375 border-left: 1px solid #eeeeee;
376 border-right: 1px solid #eeeeee;
377 border-bottom: 1px solid #eeeeee;
380 td.dropdown a, td.dropdown a:visited {
382 text-decoration: none;
384 td.dropdown a:hover {
386 text-decoration: underline;
395 /* added for 1.4.2: */
401 background-color: #F7F3ED;
413 p.search-description {
414 background-color: #FFFCE5;
419 background-color: #F7F3ED;
421 border-left: 1px solid #595241;
422 border-right: 1px solid #595241;
423 border-top: 1px solid #595241;
428 /***************************************************************/
433 border:1px black solid;
435 table.tabbed-table th#left-empty-tab {
436 background-color: transparent;
438 border-bottom: 1px solid #B8AE9C;
440 table.tabbed-table th#right-empty-tab {
442 background-color: transparent;
443 border-bottom: 1px solid #B8AE9C;
447 table.tabbed-table th#right-empty-tab a {
448 text-decoration: underline;
450 table.tabbed-table th.tab-spacer {
451 background-color: transparent;
453 border-bottom: 1px solid #B8AE9C;
456 table.tabbed-table th.tab {
460 background-color: #E9F4F3;
461 border-bottom: 1px solid #B8AE9C;
462 border-left: 1px solid #B8AE9C;
463 border-top: 1px solid #B8AE9C;
464 border-right: 1px solid #B8AE9C;
466 table.tabbed-table th.tab:hover {
467 background-color: #ACCFCC;
470 table.tabbed-table th.tab a:focus {
473 table.tabbed-table th.selected {
477 background-color: #ACCFCC;
478 border-left: 1px solid #B8AE9C;
479 border-top: 1px solid #B8AE9C;
480 border-right: 1px solid #B8AE9C;
483 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
485 text-decoration: none;
492 background-repeat: no-repeat;
493 background-position: 2px 5px;
498 background-image: url(images/back.gif);
499 background-repeat: no-repeat;
500 background-position: 0px 0px;
504 /* The path bar, including breadcrumbs and add to favorites */
523 border-left: 1px solid black;
524 border-right: 1px solid black;
525 border-bottom: 1px solid black;
529 background-color: #F7F3ED;
538 border-left: 1px solid black;
539 border-right: 1px solid black;
541 background-color: #F7F3ED;
544 border-bottom: 1px solid black;
574 div#top-links a:link, div#top-links a:visited {
575 text-decoration:none;
580 div#top-links a:focus{
582 background-color:#F6EAD6;
590 background-color:#eeeeee;
591 border:thin solid #cccccc;
592 border-radius: .3em .3em .3em .3em;
593 -mox-border-radius: .3em .3em .3em .3em;
594 -moz-box-shadow:.1em .1em .2em #999999;
595 box-shadow: .1em .1em .2em #999999;
601 background-color:#eeeeee;
606 background-color:#eeeeee;
607 border:thin solid #cccccc;
608 border-radius:.3em .3em .3em .3em;
609 -moz-border-radius:.3em .3em .3em .3em;
613 background-color: #F7F3ED;
618 border: 1px solid #cccccc;
620 text-decoration: none;
623 a#editor-link:hover {
624 background-color: #F7F3ED;
625 border: 1px solid #B8AE9C;
629 background-image: url(images/pen.gif);
630 background-repeat: no-repeat;
631 background-position: 0px 2px;
634 background-image: url(images/pen2.gif);
635 background-repeat: no-repeat;
636 background-position: 0px 2px;
640 /* for data tables */
643 border: 1px solid #cccccc;
648 -moz-border-radius: .5em .5em .5em .5em;
653 background-color: #eeeeee;
662 background-image: url('images/sort.png');
663 background-repeat: no-repeat;
664 background-position: right;
668 border-top: 1px solid #B8AE9C;
669 border-bottom: 1px solid #B8AE9C;
672 table.data tbody th {
674 background-color: #F7F3ED;
682 table.data tbody tr:hover {
683 background-color: #efefef;
687 table.data tbody tr.selected {
688 background-color: #E9F4F3;
693 background-color: #F7F3ED;
696 table.data tfoot tr:first-child td {
698 background-image: url('images/arrow_ltr.gif');
699 background-repeat: no-repeat;
700 background-position: 4px 5px;
704 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
705 border-top: 1px solid #B8AE9C;
707 background-image: none;
713 table.data tfoot input {
714 background-color: #efefef;
716 border: #AAA solid 1px;
718 table.data tfoot input:focus {
719 background-color: #FFDAB9;
720 border: #AAA solid 1px;
725 /* used for static tables with no form elements: */
726 table.data.static tbody tr:hover {
727 background-color: transparent;
731 /* course browser: */
739 div.browse-selected {
740 background-image: url('images/side_arrow.gif');
741 background-repeat: no-repeat;
743 background-position: center left;
746 div.browse-unselected {
755 /* feedback /errors */
762 border: 1px solid #DD0000;
764 background-color: #F4DCDC;
766 background-color: #F4DCDC;
770 -moz-border-radius: .5em;
779 text-decoration:underline;
781 div#error ul, div#feedback ul, div#help ul {
798 border: 1px solid #17B506;
800 background-color: #F2FCF0;
804 -moz-border-radius: .5em;
813 border: 1px solid #ACCFCC;
815 background-color: #E9F4F3;
818 -moz-border-radius: .5em;
827 border: 1px solid #B8AE9C;
829 background-color: #EFE6FF;
833 -moz-border-radius: .5em;
837 text-decoration:underline;
845 border: 1px solid #FF8400;
847 background-color: #FFF6ED;
851 -moz-border-radius: .5em;
861 font-family: Verdana, Helevetica, Arial, sans-serif;
865 /* home page links */
874 div.home-link:hover {
876 background-color: #F7F3ED;
877 border: 1px solid #afafaf;
883 text-decoration: none;
898 div.sequence-links a {
899 text-decoration: none;
905 background-color: white;
907 border-left: 1px solid #ECFEEA;
908 border-right: 1px solid #ECFEEA;
909 border-bottom: 1px solid #ECFEEA;
913 div.dropdown-heading {
914 background-color: #ACCFCC;
916 border-left: 1px solid #ECFEEA;
917 border-right: 1px solid #ECFEEA;
918 border-top: 1px solid #ECFEEA;
953 border: 1px solid #000;
964 text-decoration: none;
967 border-left: 1px solid white;
968 border-right: 1px solid white;
971 div.paging li a:hover, div.paging li a.current {
972 background-color: #F7F3ED;
973 border-left: 1px solid #000;
974 border-right: 1px solid #000;
978 /* background-image: url('images/pencil_top_ds.png'); */
979 background-position: 99% 99%;
980 background-repeat: no-repeat;
990 background-color: #F7F3ED;
994 background-image:url(images/tl_corner.gif);
995 background-position: top left;
996 background-repeat: no-repeat;
1001 background-color: #595241;
1008 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1009 background-color: transparent;
1010 border-collapse: collapse;
1011 border-bottom: 1px solid #B8AE9C;
1012 padding: 0.5em 0em 0em 2em;
1013 white-space: nowrap;
1017 /* The normal, unselected tabs. They are all links */
1018 background-color: transparent;
1019 border-color: #B8AE9C;
1021 border-style: solid solid none solid;
1024 margin-right: 0.5em;
1025 padding: 0em 2em 0em;
1029 div.tabs a.selected {
1030 /* The selected tab. There's only one of this */
1031 background-color: white;
1032 border-bottom: #B8AE9C 1px solid;
1034 font-weight: normal;
1037 div.tabs a:hover, div.tabs a.active {
1038 background-color: #B8AE9C;
1039 border-bottom: 1px solid #B8AE9C;
1044 -moz-border-radius: 0em 0em .5em .5em;
1045 -moz-box-shadow:.1em .1em .1em #999999;
1046 box-shadow: .1em .1em .1em #999999;
1051 -moz-border-radius: .5em .5em 0em 0em;
1052 -moz-box-shadow:.1em .1em .2em #999999;
1053 box-shadow: .1em .1em .2em #999999;
1057 text-decoration:underline;
1063 border-radius: .5em .5em 0em 0em;
1064 -moz-border-radius: .5em .5em 0em 0em;
1066 border:1px solid #ccc;
1067 -moz-box-shadow:.1em .1em .1em #999999;
1068 box-shadow: .1em .1em .1em #999999;
1073 background-color: #F5F5F5;
1076 font-weight: normal;
1077 border-radius:.0em .0em .5em .5em;
1078 -moz-border-radius: .0em .0em .5em .5em;
1079 border-left:1px solid #ccc;
1080 border-right:1px solid #ccc;
1081 border-bottom:1px solid #ccc;
1082 -moz-box-shadow:.1em .1em .1em #999999;
1083 box-shadow: .1em .1em .1em #999999;
1087 background-color: #6F7172;
1088 border: 1px solid #B8AE9C;
1089 border-style: solid solid none solid;
1091 padding: 0em 1em 0em 1em;
1098 text-decoration: none;
1103 text-decoration: none;
1107 text-decoration: underline;
1121 text-transform: none;
1122 border-left: 1pt solid #B8AE9C;
1135 background-color: #F7F3ED;
1140 background-color: transparent;
1144 /* users/index.php */
1150 border: rgb(204, 204, 204) 1px solid;
1151 background-color: #F7F7F7;
1163 font-weight: normal;
1169 background-color:#FBF4E9;
1170 border: #B8AE9C 1px solid;
1173 div.course img.icon {
1189 border:1px solid white;
1191 div.course div.shortcuts, a {
1193 text-decoration:none;
1195 vertical-align: middle;
1198 div#alternatives_shortcuts {
1201 border-radius: .5em .5em .5em .5em;;
1202 -moz-border-radius: .5em .5em .5em .5em;
1203 -moz-box-shadow:.1em .1em .2em #999999;
1204 box-shadow: .1em .1em .2em #999999;
1205 border:1px solid #cccccc;
1208 padding-right: .2em;
1211 fieldset#shortcuts {
1213 background-color: #FEFDEF;
1214 border: 1pt solid #B8AE9C;
1215 margin: -5pt 5pt 5pt 5pt;
1216 padding-right: 10pt;
1217 padding-bottom: 5pt;
1222 margin-bottom: 10pt;
1223 border-radius: .5em .5em .5em .5em;;
1224 -moz-border-radius: .5em .5em .5em .5em;
1228 border-left:thin solid #cccccc;
1229 border-right:thin solid #cccccc;
1230 border-bottom:thin solid #cccccc;
1231 border-radius: 0em 0em .5em .5em;;
1232 -moz-border-radius: 0em 0em .5em .5em;
1235 -moz-box-shadow:.1em .1em .2em #999999;
1236 box-shadow: .1em .1em .2em #999999;
1242 -moz-border-radius: .5em .5em .5em .5em;
1249 list-style-type: none;
1260 background-image: url('images/help.png');
1261 background-repeat: no-repeat;
1262 background-position: 2px 2px;
1263 padding: 3px 10px 5px 30px;
1264 text-decoration:none;
1269 border-left:thin solid #cccccc;
1270 border-right:thin solid #cccccc;
1271 border-bottom:thin solid #cccccc;
1272 border-radius: 0em 0em .5em .5em;
1273 -moz-border-radius: 0em 0em .5em .5em;
1274 -moz-box-shadow:.1em .1em .2em #999999;
1275 box-shadow: .1em .1em .2em #999999;
1288 div#content-text li {
1292 div#content-test, div.content-from-module {
1299 div#content-test ol{
1303 div#content-test ol ul li{
1305 padding: 0px 2px 0px 15px;
1308 background-color: #fdfdfd;
1309 border-bottom: 1px solid #efefef;
1310 border: 1px solid #eeeeff;
1326 border:1px solid #cccccc;
1327 border-radius: .5em .5em .5em .5em;
1328 -moz-border-radius: .5em .5em .5em .5em;
1329 -moz-box-shadow:.1em .1em .2em #999999;
1330 box-shadow: .1em .1em .2em #999999;
1336 padding-bottom: 10px;
1337 padding-right: 10px;
1354 background-color: #F6EAD6;
1355 border-bottom: .05em solid #6F7172;
1371 ul#home-links, ul#home-detail-links {
1386 ul#home-links li a {
1387 text-decoration: none;
1388 border: 1px transparent;
1391 ul#home-links li a img {
1400 vertical-align: middle;
1403 margin-bottom:-.2em;
1414 dl#public-profile dt {
1418 border-right: 1px solid #F7F3ED;
1419 padding: 5px 5px 5px 0px;
1420 vertical-align: middle;
1423 dl#public-profile dd {
1425 padding: 5px 0px 5px 5px;
1441 border-radius:.5em .5em .5em .5em;
1442 -moz-border-radius: .5em .5em .5em .5em;
1443 -moz-box-shadow:.1em .1em .2em #999999;
1444 box-shadow: .1em .1em .2em #999999;
1446 /* floating layout */
1463 margin: -10px 5px 0;
1474 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1475 #forum-thread li.even { background-color: #F7F3ED; border-top: none; margin-top:.5em;}
1476 #forum-thread li.odd { background-color: #fff; margin-top:1em;}
1477 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1478 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1479 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1480 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1481 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1482 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;}
1483 div.forum-post-ctrl a { text-decoration: none; }
1484 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1485 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1486 div.forum-post-content div.body p { margin-bottom:1em; }
1487 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1488 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1492 /** inbox stuff - reuses some of the forum layout **/
1493 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1496 /* Top navigation tabs / list */
1497 div#topnavlistcontainer {
1498 /*background-image: url('images/pencil_bottom_ds.png'); */
1502 border-bottom:1px solid #cccccc;
1511 margin-bottom: -2px;
1521 display: inline-block;
1524 border-radius: .5em .5em 0em 0em;
1525 -moz-border-radius: .5em .5em 0em 0em;
1526 -moz-box-shadow:.1em .0em .1em #999999;
1527 box-shadow: .1em .0em .1em #999999;
1528 padding: 0em 0em 0em 0em;
1532 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1533 background-color: #E6E6E6;
1535 text-decoration:none;
1536 border-radius: .5em .5em 0em 0em;
1537 -moz-border-radius: .5em .5em 0em 0em;
1538 padding: .2em 1.8em .2em 1.8em;
1539 border-bottom: 1px solid #E6E6E6;
1543 ul#topnavlist li a {
1544 /* The normal, unselected tabs. They are all links */
1548 border-top:1px solid #ccc;
1549 border-left:1px solid #ccc;
1550 border-right:1px solid #ccc;
1551 text-decoration:underline;
1552 background-color:white;
1553 border-radius: .5em .5em 0em 0em;
1554 -moz-border-radius: .5em .5em 0em 0em;
1555 padding: .2em 1.8em .1em 1.8em;
1560 ul#topnavlist li a.selected {
1561 /* The selected tab. There's only one of these */
1563 font-weight: normal;
1564 border-radius:.3em .3em 0em 0em;
1565 -moz-border-radius: .3em .3em 0em 0em;
1566 padding: .2em 1.8em .1em 1.8em;
1570 border: 1px solid #e0e0e0;
1571 background-color: #efefef;
1574 /* tool list on admin home and manage screens */
1577 padding: 2px 2px 2px 5px;
1581 background-color: #fdfdfd;
1582 border-bottom: 1px solid #efefef;
1583 border: 1px solid #eeeeff;
1586 li.top-tool a { font-weight: bold; }
1589 font-weight: normal;
1590 text-decoration:underline;
1599 ul.child-top-tool:before {
1609 /* to modify tool icons on the course home page */
1614 background-color:#000000;
1616 filter:alpha(opacity=10);
1628 /* browse courses */
1631 padding-bottom: 10px;
1632 background-color: #fffaf0;
1633 border:1px #6F7172 solid;
1643 padding-bottom: 10px;
1644 background-color: #fffaf0;
1648 dl.browse-course dt {
1654 padding: 5px 10px 5px 0px;
1655 vertical-align: middle;
1657 dl.browse-course dd {
1660 padding: 5px 0px 5px 10px;
1664 /* form fields grouping for WCAG 2.0 conformance*/
1665 fieldset.group_form{
1668 border:1px #6D7B8D solid;
1671 background-color:#ffffff;
1675 border:1px #6D7B8D solid;
1676 background-color: #EEEEEE;
1682 -moz-border-radius: .2em .2em .2em .2em;
1683 -moz-box-shadow:.1em .1em .1em #999999;
1684 box-shadow: .1em .1em .1em #999999;
1697 /* highlight active links for WCAG 2.0 conformance */
1698 a:active,a:hover,a:focus{
1699 background-color:#F6EAD6;
1704 /* menu align right layout, uncomment to enable */
1710 h2, h3, h4, h5, h6 {
1713 #contentcolumn_shiftright {
1742 /* format of "table of contents" on content page */
1743 #toc a { display:block; margin:3px; float:left;}
1744 #toc .h2 { padding:0 0 0 10px;}
1745 #toc .h3 { padding:0 0 0 30px;}
1746 #toc .h4 { padding:0 0 0 40px; }
1747 #toc .h5 { padding:0 0 0 50px; }
1748 #toc .h6 { padding:0 0 0 60px; }
1751 background-color: #FEFDEF;
1752 border: 1pt solid #B8AE9C;
1759 padding-bottom:.3em;
1763 /* cleans up glossary question mark line spacing*/
1765 border: 1pt solid #B8AE9C;
1766 vertical-align:bottom;
1770 /* jQuery tooltip styles */
1774 border:3px solid #111;
1775 background-color:#eeeeee;
1780 #tooltip h3,#tooltip div{
1788 padding-bottom:.2em;
1789 text-decoration:none;
1790 border-bottom:1px dashed;
1793 /* style for home page modules "detail view" */
1800 padding-bottom: .4em;
1805 border:1px solid #cccccc;
1806 background: #eeeeee;
1811 -moz-border-radius:.3em .3em .3em .3em;
1812 border-radius: .3em .3em .3em .3em;
1813 -moz-box-shadow:.1em .1em .2em #999999;
1814 box-shadow: .1em .1em .2em #999999;
1820 border:1px solid #cccccc;
1821 background: #ffffff;
1829 -moz-border-radius:.5em;
1861 .draggable_selected {
1862 background-color: lightgrey;
1865 div#subnavlistcontainer {
1871 div#subnavbacktopage {
1880 border:1px solid #e8e8e8;
1884 -moz-border-radius: .5em .5em .5em .5em;
1890 font-family: Verdana,Helvetica,Arial,serif;
1897 background-color: #FFFFFF;
1899 display: inline-block;
1902 border-top:1px solid #cccccc;
1903 border-left:1px solid #cccccc;
1904 border-right:1px solid #cccccc;
1905 border-radius: .3em .3em 0em 0em;
1906 -moz-border-radius: .3em .3em 0em 0em;
1908 -moz-box-shadow:.1em .0em .1em #999999;
1909 box-shadow: .1em .0em .1em #999999;
1910 padding: 0em .5em .6em .5em ;
1913 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1915 text-decoration:none;
1916 background-color: #E6E6E6;
1919 ul#subnavlist li a {
1920 /* The normal, unselected tabs. They are all links */
1923 text-decoration:underline;
1930 border:1px solid #cccccc;
1932 /* NEW IN ATUTOR 2.0 */
1933 /* alternate colours in the My Course list */
1935 background-color: #F7F3ED;
1939 background-color: transparent;
1942 /* Content editor wrapper div */
1945 border:1px solid #cccccc;
1947 -moz-border-radius: .5em .5em .5em .5em;
1948 padding: .1em .5em .1em .5em ;
1950 /* Content editor tabs */
1955 white-space: nowrap;
1956 background-color: #ffffff;
1960 padding:0em 0em 0em;
1966 border-top: 1px solid #cccccc;
1967 border-left: 1px solid #cccccc;
1968 border-right: 1px solid #cccccc;
1970 margin-bottom:-.5em;
1972 white-space: nowrap;
1973 background-color: #ffffff;
1974 border-radius: .3em .3em 0em 0em;
1975 -moz-border-radius: .3em .3em 0em 0em;
1976 -moz-box-shadow:.1em .0em .1em #999999;
1977 box-shadow: .1em .0em .1em #999999;
1978 padding: 0em .2em 0em .2em ;
1981 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1982 background-color:#eeeeee;
1985 .editor_tab_selected{
1986 border-top: 1px solid #cccccc;
1987 border-left: 1px solid #cccccc;
1988 border-right: 1px solid #cccccc;
1990 padding: 0em .2em 0em .2em ;
1991 background-color: #eeeeee;
1994 white-space: nowrap;
1995 text-decoration:none;
1997 -moz-border-radius: .3em .3em 0em 0em;
2000 .editor_tab input[type=submit]{
2003 /* 1pxgs current box on My Start */
2010 border: 1px solid #cccccc;
2011 border-radius: .5em .5em .5em .5em;
2012 -moz-border-radius: .5em .5em .5em .5em;
2013 -moz-box-shadow:.1em .1em .1em #999999;
2014 box-shadow: .1em .1em .2em #999999;
2019 list-style-type:none;
2023 vertical-align:middle;
2027 background-color:#E6E6E6;
2029 border-bottom:1px solid #cccccc;
2039 background-color:#eeeeee;
2040 border: 1px solid #cccccc;
2044 /* Preference Editor tabs */
2045 /* Preferences tabs */
2047 table.etabbed-table {
2051 /* Preference Editor tabs */
2052 .etabbed-list-container {
2060 margin-bottom:-.4em;
2066 background-color: transparent;
2072 background-color: #ffffff;
2076 border-top: 1px solid #ffffff;
2080 white-space: nowrap;
2081 background-color: #ffffff;
2084 padding:0em 0em -.3em -.4em;
2086 -moz-border-radius: .3em .3em .3em .3em;*/
2091 border-top: 1px solid #cccccc;
2092 border-left: 1px solid #cccccc;
2093 border-right: 1px solid #cccccc;
2096 white-space: nowrap;
2097 background-color: #FFFFFF;
2098 border-radius: .3em .3em 0em 0em;
2099 -moz-border-radius: .3em .3em 0em 0em;
2100 padding: .2em .2em 0em .3em;
2104 text-decoration:none;
2107 .prefs_buttontab:hover, .prefs_tab:hover {
2108 background-color: #eeeeee;
2111 .prefs_tab_selected{
2113 border-top: 1px solid #cccccc;
2114 border-left: 1px solid #cccccc;
2115 border-right: 1px solid #cccccc;
2118 white-space: nowrap;
2119 background-color: #eeeeee;
2120 border-radius:.3em .3em 0em 0em;
2121 -moz-border-radius: .3em .3em 0em 0em;
2122 padding: .2em .2em 0em .5em;
2123 padding: .2em .2em 0em .3em;
2127 text-decoration:none;
2132 /*.prefs_buttontab {
2135 white-space: nowrap;
2136 background-color: #ffffff;
2137 margin-bottom: .5px;
2140 padding:0em 0em 0em;
2142 -moz-border-radius: .3em .3em .3em .3em;
2146 border-top: 1px solid #cccccc;
2147 border-left: 1px solid #cccccc;
2148 border-right: 1px solid #cccccc;
2150 white-space: nowrap;
2151 background-color: #FFFFFF;
2152 border-radius: .3em .3em 0em 0em;
2153 -moz-border-radius: .3em .3em 0em 0em;
2154 padding: .2em .5em 0em .5em;
2155 -moz-box-shadow:.1em .1em 0em #999999;
2156 box-shadow: .1em .1em 0em #999999;
2158 padding-bottom: .9px;
2162 .prefs_buttontab:hover, .prefs_tab:hover {
2163 background-color: #eeeeee;
2166 .prefs_tab_selected{
2168 border-top: 1px solid #cccccc;
2169 border-left: 1px solid #cccccc;
2170 border-right: 1px solid #cccccc;
2172 background-color: #eeeeee;
2176 padding: .2em .5em 0em .5em ;
2177 white-space: nowrap;
2178 text-decoration:none;
2180 -moz-border-radius: .3em .3em 0em 0em;
2181 -moz-box-shadow:.1em .1em .0 #999999;
2182 box-shadow: .1em .1em .1em #999999;
2187 border:1px solid #cccccc;
2189 -moz-border-radius:.5em;
2194 background-color:#ffffff;
2199 .wizscreen > legend{
2202 border:1px solid black;
2203 background-color:#ffffff;
2208 .wizscreen .buttons {
2212 .wizscreen .button {
2230 #course_title_container{
2236 #my_courses_container{
2242 border-radius: .5em .5em .5em .5em;
2243 -moz-border-radius: .5em .5em .5em .5em;
2244 -moz-box-shadow:.1em .1em .1em #999999;
2245 box-shadow: .1em .1em .1em #999999;
2249 vertical-align:middle;
2253 ul#content-tool-links {
2254 list-style: none outside none;
2256 ul#content-tool-links li{
2267 ul#content-tool-links img{
2279 white-space: nowrap;
2286 /* Transformable repository search */
2289 border:thin solid #cccccc;
2294 border-radius: .3em .3em .3em .3em;
2295 -moz-border-radius: .3em .3em .3em .3em;
2296 -moz-box-shadow:.1em .1em .1em #999999;
2297 box-shadow: .1em .1em .1em #999999;
2305 border:thin solid #cccccc;
2306 border-radius: .3em .3em .3em .3em;
2307 -moz-border-radius: .3em .3em .3em .3em;
2308 -moz-box-shadow:.1em .1em .1em #999999;
2309 box-shadow: .1em .1em .1em #999999;
2316 margin-bottom: -.5em;
2317 border-top:thin solid #cccccc;
2318 border-left:thin solid #cccccc;
2319 border-right:thin solid #cccccc;
2320 border-radius: .3em .3em 0em 0em;
2321 -moz-border-radius: .3em .3em 0em 0em;
2325 font-family: monospace;
2326 border: 2px solid rgb(0, 0, 0);
2328 color: rgb(255, 255, 255);
2329 background-color: rgb(0, 0, 0);
2333 border-bottom-width: 0px;
2336 font-weight: normal;
2342 #display-settings-preview{
2349 #defaultfontsize-wrapper{
2354 /* ATutor Social Styles */
2356 div .profile_container {
2357 background-color:#eee;
2358 border: 1px solid #8e8e8e;
2361 margin-bottom: 0.5em;
2364 div .profile_container .top_right {
2368 dl.public-profile dd{
2371 dl.public-profile dt {
2382 div .search_form .row{
2383 /* background-color: #DEDEC0;*/
2384 background-color: #ffffff;
2388 background-color: #eee;
2389 border: 1px solid #aaa;
2392 background-color: #cccccc;
2399 ul.social_side_menu {
2402 ul.social_side_menu li {
2403 padding-bottom: 0.2em;
2408 border-bottom:1px solid #C1C157;
2409 padding-bottom:0.5em;
2410 margin-bottom:0.5em;
2418 div.headingbox, h3.headingbox, a.headingbox{
2419 border:1px #cccccc solid;
2421 background-color: #eeeeee;
2422 text-decoration:none;
2427 div.contentbox, input-form{
2430 border-left:1px #cccccc solid;
2431 border-right:1px #dddddd solid;
2432 border-bottom:1px #cccccc solid;
2434 background-color: #ffffff;
2439 border:1px solid #a50707;
2447 ul.social_inline_menu{
2448 background-color: #eeeeee;
2449 border:thin #cccccc solid;
2455 border:thin solid #cccccc;
2476 .people-you-may-know{
2487 padding-bottom:0.2em;
2510 /* relative image size styles */
2525 input[type=image].fl-force-right{