15 /* main body attributes */
17 font-family: Verdana, Helevetica, Arial, sans-serif;
21 background-color: #EDE7C2;
24 border:1px solid #aaaaaa;
29 background-color: #ffffff;
30 border-radius: 1em 1em 1em 1em;
31 -moz-border-radius: 1em 1em 1em 1em;
32 -moz-box-shadow:.1em .1em #999999;
33 box-shadow: .1em .1em #999999;
34 background-image: url('images/atutor_head.jpg');
35 background-position: 0% 0%;
36 background-repeat: repeat-x;
37 background-size:auto auto;
41 margin: 0.5em 0em 1em 0em;
48 text-decoration: underline;
53 background-color: transparent;
58 background-color: transparent;
61 h1, h2, h3, h4, h5, h6 {
63 font: 100% Verdana, Helvetica, Arial, sans-serif;
94 /* Table of content attributes*/
96 font-family: Verdana, Helevetica, Arial, sans-serif;
97 background-color: #E9F4F3;
103 border: 1px #ACCFCC solid;
106 /* list attributes */
108 font-family: Verdana, Helevetica, Arial, sans-serif;
115 font-family: Verdana, Helevetica, Arial, sans-serif;
122 list-style: disc url(../../images/folder.gif) outside;
123 font-family: Verdana, Helevetica, Arial, sans-serif;
129 li.folders .disabled {
135 list-style-image:none;
136 list-style-position:outside;
137 list-style-type:none;
143 /* link attributes */
154 /* align text to the left */
162 text-decoration: none;
168 border: 1px #595241 solid;
171 /* main submit button */
173 background-color: #efefef;
175 border: #AAA solid 1px;
176 border-radius: .3em .3em .3em .3em;
177 -moz-border-radius: .3em .3em .3em .3em;
178 -moz-box-shadow:.1em .1em .2em #999999;
179 box-shadow: .1em .1em .2em #999999;
185 border:1px solid #cccccc;
189 background-color: #000000;
191 /* small submit button at top */
193 font-family: Verdana, Helevetica, Arial, sans-serif;
194 background-color: #E9F4F3;
198 background-color: #E9F4F3;
199 border: #ACCFCC solid 1px;
202 /* date attributes */
204 font-family: Verdana, Helevetica, Arial, sans-serif;
216 background-color: white;
220 /* message box styles */
222 /* Editor box small */
224 font-family: Verdana, Helevetica, Arial, sans-serif;
225 background-color: #E9F4F3;
228 border: 1px #ACCFCC solid;
231 /* Editor box large */
233 font-family: Verdana, Helevetica, Arial, sans-serif;
234 background-color: #E9F4F3;
239 padding-bottom: .4em;
240 border: 1px #ACCFCC solid;
245 font-family: Verdana, Helevetica, Arial, sans-serif;
248 .highlight, a.highlight {
249 background-color: #5B8E88;
254 background-color: #5B8E88;
263 /* edit content tabs */
268 background-color: #FFFFFF;
278 border-top: 1px solid #cccccc;
279 border-left: 1px solid #cccccc;
280 border-right: 1px solid #cccccc;
289 .buttontab selected {
290 font-family: Helvetica, Arial, Helvetica, sans-serif;
294 background-color: #FFFFFF;
300 text-decoration:underline;
308 background-color: white;
309 border-top: 1px #B8AE9C solid;
310 border-left: 1px #B8AE9C solid;
311 border-right: 1px #B8AE9C solid;
317 background-color: #fffaf0;
318 border:1px #6F7172 solid;
322 .tab a:link, .etab a:visited {
324 background-color: white;
329 background-color: white;
333 background-color: #6F7172;
343 background-color: #FFFDE0;
347 background-color: #FFFDE0;
354 /* the side menu heading */
355 td.dropdown-heading {
356 background-color: #eeeeee;
358 border: 1px solid #cccccc;
363 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
364 text-decoration: none;
367 td.dropdown-heading.closed {
368 border-bottom: 1px solid #ECFEEA;
371 /* the side menu content */
374 background-color: white;
376 border-left: 1px solid #eeeeee;
377 border-right: 1px solid #eeeeee;
378 border-bottom: 1px solid #eeeeee;
381 td.dropdown a, td.dropdown a:visited {
383 text-decoration: none;
385 td.dropdown a:hover {
387 text-decoration: underline;
396 /* added for 1.4.2: */
402 background-color: #F7F3ED;
414 p.search-description {
415 background-color: #FFFCE5;
420 background-color: #F7F3ED;
422 border-left: 1px solid #595241;
423 border-right: 1px solid #595241;
424 border-top: 1px solid #595241;
429 /***************************************************************/
434 border:1px black solid;
436 table.tabbed-table th#left-empty-tab {
437 background-color: transparent;
439 border-bottom: 1px solid #B8AE9C;
441 table.tabbed-table th#right-empty-tab {
443 background-color: transparent;
444 border-bottom: 1px solid #B8AE9C;
448 table.tabbed-table th#right-empty-tab a {
449 text-decoration: underline;
451 table.tabbed-table th.tab-spacer {
452 background-color: transparent;
454 border-bottom: 1px solid #B8AE9C;
457 table.tabbed-table th.tab {
461 background-color: #E9F4F3;
462 border-bottom: 1px solid #B8AE9C;
463 border-left: 1px solid #B8AE9C;
464 border-top: 1px solid #B8AE9C;
465 border-right: 1px solid #B8AE9C;
467 table.tabbed-table th.tab:hover {
468 background-color: #ACCFCC;
471 table.tabbed-table th.tab a:focus {
474 table.tabbed-table th.selected {
478 background-color: #ACCFCC;
479 border-left: 1px solid #B8AE9C;
480 border-top: 1px solid #B8AE9C;
481 border-right: 1px solid #B8AE9C;
484 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
486 text-decoration: none;
493 background-repeat: no-repeat;
494 background-position: 2px 5px;
499 background-image: url(images/back.gif);
500 background-repeat: no-repeat;
501 background-position: 0px 0px;
505 /* 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 */
644 border: 1px solid #cccccc;
649 -moz-border-radius: .5em .5em .5em .5em;
654 background-color: #eeeeee;
663 background-image: url('images/sort.png');
664 background-repeat: no-repeat;
665 background-position: right;
669 border-top: 1px solid #B8AE9C;
670 border-bottom: 1px solid #B8AE9C;
673 table.data tbody th {
675 background-color: #F7F3ED;
683 table.data tbody tr:hover {
684 background-color: #efefef;
688 table.data tbody tr.selected {
689 background-color: #E9F4F3;
694 background-color: #F7F3ED;
697 table.data tfoot tr:first-child td {
699 background-image: url('images/arrow_ltr.gif');
700 background-repeat: no-repeat;
701 background-position: 4px 5px;
705 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
706 border-top: 1px solid #B8AE9C;
708 background-image: none;
714 table.data tfoot input {
715 background-color: #efefef;
717 border: #AAA solid 1px;
719 table.data tfoot input:focus {
720 background-color: #FFDAB9;
721 border: #AAA solid 1px;
726 /* used for static tables with no form elements: */
727 table.data.static tbody tr:hover {
728 background-color: transparent;
732 /* course browser: */
740 div.browse-selected {
741 background-image: url('images/side_arrow.gif');
742 background-repeat: no-repeat;
744 background-position: center left;
747 div.browse-unselected {
756 /* feedback /errors */
763 border: 1px solid #DD0000;
765 background-color: #F4DCDC;
767 background-color: #F4DCDC;
771 -moz-border-radius: .5em;
780 text-decoration:underline;
782 div#error ul, div#feedback ul, div#help ul {
799 border: 1px solid #17B506;
801 background-color: #F2FCF0;
805 -moz-border-radius: .5em;
814 border: 1px solid #ACCFCC;
816 background-color: #E9F4F3;
819 -moz-border-radius: .5em;
828 border: 1px solid #B8AE9C;
830 background-color: #EFE6FF;
834 -moz-border-radius: .5em;
838 text-decoration:underline;
846 border: 1px solid #FF8400;
848 background-color: #FFF6ED;
852 -moz-border-radius: .5em;
862 font-family: Verdana, Helevetica, Arial, sans-serif;
866 /* home page links */
875 div.home-link:hover {
877 background-color: #F7F3ED;
878 border: 1px solid #afafaf;
884 text-decoration: none;
899 div.sequence-links a {
900 text-decoration: none;
906 background-color: white;
908 border-left: 1px solid #ECFEEA;
909 border-right: 1px solid #ECFEEA;
910 border-bottom: 1px solid #ECFEEA;
914 div.dropdown-heading {
915 background-color: #ACCFCC;
917 border-left: 1px solid #ECFEEA;
918 border-right: 1px solid #ECFEEA;
919 border-top: 1px solid #ECFEEA;
954 border: 1px solid #000;
965 text-decoration: none;
968 border-left: 1px solid white;
969 border-right: 1px solid white;
972 div.paging li a:hover, div.paging li a.current {
973 background-color: #F7F3ED;
974 border-left: 1px solid #000;
975 border-right: 1px solid #000;
979 /* background-image: url('images/pencil_top_ds.png'); */
980 background-position: 99% 99%;
981 background-repeat: no-repeat;
992 background-color: #F7F3ED;
996 background-image:url(images/tl_corner.gif);
997 background-position: top left;
998 background-repeat: no-repeat;
1003 background-color: #595241;
1010 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1011 background-color: transparent;
1012 border-collapse: collapse;
1013 border-bottom: 1px solid #B8AE9C;
1014 padding: 0.5em 0em 0em 2em;
1015 white-space: nowrap;
1019 /* The normal, unselected tabs. They are all links */
1020 background-color: transparent;
1021 border-color: #B8AE9C;
1023 border-style: solid solid none solid;
1026 margin-right: 0.5em;
1027 padding: 0em 2em 0em;
1031 div.tabs a.selected {
1032 /* The selected tab. There's only one of this */
1033 background-color: white;
1034 border-bottom: #B8AE9C 1px solid;
1036 font-weight: normal;
1039 div.tabs a:hover, div.tabs a.active {
1040 background-color: #B8AE9C;
1041 border-bottom: 1px solid #B8AE9C;
1046 -moz-border-radius: 0em 0em .5em .5em;
1047 -moz-box-shadow:.1em .1em .1em #999999;
1048 box-shadow: .1em .1em .1em #999999;
1053 -moz-border-radius: .5em .5em 0em 0em;
1054 -moz-box-shadow:.1em .1em .2em #999999;
1055 box-shadow: .1em .1em .2em #999999;
1059 text-decoration:underline;
1065 border-radius: .5em .5em 0em 0em;
1066 -moz-border-radius: .5em .5em 0em 0em;
1068 border:1px solid #ccc;
1069 -moz-box-shadow:.1em .1em .1em #999999;
1070 box-shadow: .1em .1em .1em #999999;
1076 background-color: #F5F5F5;
1079 font-weight: normal;
1080 border-radius:.0em .0em .5em .5em;
1081 -moz-border-radius: .0em .0em .5em .5em;
1082 border-left:1px solid #ccc;
1083 border-right:1px solid #ccc;
1084 border-bottom:1px solid #ccc;
1085 -moz-box-shadow:.1em .1em .1em #999999;
1086 box-shadow: .1em .1em .1em #999999;
1090 background-color: #6F7172;
1091 border: 1px solid #B8AE9C;
1092 border-style: solid solid none solid;
1094 padding: 0em 1em 0em 1em;
1101 text-decoration: none;
1106 text-decoration: none;
1110 text-decoration: underline;
1124 text-transform: none;
1125 border-left: 1pt solid #B8AE9C;
1138 background-color: #F7F3ED;
1143 background-color: transparent;
1147 /* users/index.php */
1153 border: rgb(204, 204, 204) 1px solid;
1154 background-color: #F7F7F7;
1166 font-weight: normal;
1172 background-color:#FBF4E9;
1173 border: #B8AE9C 1px solid;
1176 div.course img.icon {
1192 border:1px solid white;
1194 div.course div.shortcuts , a {
1196 text-decoration:none;
1198 vertical-align: middle;
1201 div#alternatives_shortcuts {
1204 border-radius: .5em .5em .5em .5em;;
1205 -moz-border-radius: .5em .5em .5em .5em;
1206 -moz-box-shadow:.1em .1em .2em #999999;
1207 box-shadow: .1em .1em .2em #999999;
1208 border:1px solid #cccccc;
1211 padding-right: .2em;
1214 fieldset#shortcuts {
1216 background-color: #FEFDEF;
1217 border: 1pt solid #B8AE9C;
1218 margin: -5pt 5pt 5pt 5pt;
1219 padding-right: 10pt;
1220 padding-bottom: 5pt;
1225 margin-bottom: 10pt;
1226 border-radius: .5em .5em .5em .5em;;
1227 -moz-border-radius: .5em .5em .5em .5em;
1231 border-left:thin solid #cccccc;
1232 border-right:thin solid #cccccc;
1233 border-bottom:thin solid #cccccc;
1234 border-radius: 0em 0em .5em .5em;;
1235 -moz-border-radius: 0em 0em .5em .5em;
1237 -moz-box-shadow:.1em .1em .2em #999999;
1238 box-shadow: .1em .1em .2em #999999;
1244 -moz-border-radius: .5em .5em .5em .5em;
1252 list-style-type: none;
1259 background-image: url('images/help.png');
1260 background-repeat: no-repeat;
1261 background-position: 2px 2px;
1262 padding: 3px 10px 5px 30px;
1263 text-decoration:none;
1268 border-left:thin solid #cccccc;
1269 border-right:thin solid #cccccc;
1270 border-bottom:thin solid #cccccc;
1271 border-radius: 0em 0em .5em .5em;;
1272 -moz-border-radius: 0em 0em .5em .5em;
1273 -moz-box-shadow:.1em .1em .2em #999999;
1274 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; }
1473 #forum-thread li.odd { background-color: #fff; }
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-right: 5px; color: #a1a1a1;}
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'); */
1496 background-position: 99% 1%;
1497 background-repeat: no-repeat;
1501 border-bottom:1px solid #cccccc;
1520 display: inline-block;
1523 border-radius: .5em .5em 0em 0em;
1524 -moz-border-radius: .5em .5em 0em 0em;
1525 -moz-box-shadow:.1em .0em .1em #999999;
1526 box-shadow: .1em .0em .1em #999999;
1527 padding: 0em 0em 0em 0em;
1531 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1532 background-color: #E6E6E6;
1534 text-decoration:none;
1535 border-radius: .5em .5em 0em 0em;
1536 -moz-border-radius: .5em .5em 0em 0em;
1537 padding: .2em 1.8em .2em 1.8em;
1538 border-bottom: 1px solid #E6E6E6;
1542 ul#topnavlist li a {
1543 /* The normal, unselected tabs. They are all links */
1547 border-top:1px solid #ccc;
1548 border-left:1px solid #ccc;
1549 border-right:1px solid #ccc;
1550 text-decoration:underline;
1551 background-color:white;
1552 border-radius: .5em .5em 0em 0em;
1553 -moz-border-radius: .5em .5em 0em 0em;
1554 padding: .2em 1.8em .1em 1.8em;
1559 ul#topnavlist li a.selected {
1560 /* The selected tab. There's only one of these */
1562 font-weight: normal;
1563 border-radius:.3em .3em 0em 0em;
1564 -moz-border-radius: .3em .3em 0em 0em;
1565 padding: .2em 1.8em .1em 1.8em;
1569 border: 1px solid #e0e0e0;
1570 background-color: #efefef;
1573 /* tool list on admin home and manage screens */
1576 padding: 2px 2px 2px 5px;
1580 background-color: #fdfdfd;
1581 border-bottom: 1px solid #efefef;
1582 border: 1px solid #eeeeff;
1585 li.top-tool a { font-weight: bold; }
1588 font-weight: normal;
1589 text-decoration:underline;
1598 ul.child-top-tool:before {
1608 /* to modify tool icons on the course home page */
1613 background-color:#000000;
1615 filter:alpha(opacity=10);
1627 /* browse courses */
1630 padding-bottom: 10px;
1631 background-color: #fffaf0;
1632 border:1px #6F7172 solid;
1642 padding-bottom: 10px;
1643 background-color: #fffaf0;
1647 dl.browse-course dt {
1653 padding: 5px 10px 5px 0px;
1654 vertical-align: middle;
1656 dl.browse-course dd {
1659 padding: 5px 0px 5px 10px;
1663 /* form fields grouping for WCAG 2.0 conformance*/
1664 fieldset.group_form{
1667 border:1px #6D7B8D solid;
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;
1789 /* style for home page modules "detail view" */
1796 padding-bottom: 10px;
1801 border:1px solid #cccccc;
1802 background: #eeeeee;
1807 -moz-border-radius:.3em .3em .3em .3em;
1808 border-radius: .3em .3em .3em .3em;
1809 -moz-box-shadow:.1em .1em .2em #999999;
1810 box-shadow: .1em .1em .2em #999999;
1815 border:1px solid #cccccc;
1816 background: #ffffff;
1824 -moz-border-radius:.5em;
1855 .draggable_selected {
1856 background-color: lightgrey;
1859 div#subnavlistcontainer {
1865 div#subnavbacktopage {
1874 border:1px solid #e8e8e8;
1878 -moz-border-radius: .5em .5em .5em .5em;
1884 font-family: Verdana,Helvetica,Arial,serif;
1891 background-color: #FFFFFF;
1893 display: inline-block;
1896 border-top:1px solid #cccccc;
1897 border-left:1px solid #cccccc;
1898 border-right:1px solid #cccccc;
1899 border-radius: .3em .3em 0em 0em;
1900 -moz-border-radius: .3em .3em 0em 0em;
1902 -moz-box-shadow:.1em .0em .1em #999999;
1903 box-shadow: .1em .0em .1em #999999;
1904 padding: 0em .5em .6em .5em ;
1907 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1909 text-decoration:none;
1910 background-color: #E6E6E6;
1913 ul#subnavlist li a {
1914 /* The normal, unselected tabs. They are all links */
1917 text-decoration:underline;
1924 border:1px solid #cccccc;
1926 /* NEW IN ATUTOR 2.0 */
1927 /* alternate colours in the My Course list */
1929 background-color: #F7F3ED;
1933 background-color: transparent;
1936 /* Content editor wrapper div */
1939 border:1px solid #cccccc;
1941 -moz-border-radius: .5em .5em .5em .5em;
1942 padding: .1em .5em .1em .5em ;
1944 /* Content editor tabs */
1949 white-space: nowrap;
1950 background-color: #ffffff;
1954 padding:0em 0em 0em;
1960 border-top: 1px solid #cccccc;
1961 border-left: 1px solid #cccccc;
1962 border-right: 1px solid #cccccc;
1964 margin-bottom:-.5em;
1966 white-space: nowrap;
1967 background-color: #ffffff;
1968 border-radius: .3em .3em 0em 0em;
1969 -moz-border-radius: .3em .3em 0em 0em;
1970 -moz-box-shadow:.1em .0em .1em #999999;
1971 box-shadow: .1em .0em .1em #999999;
1972 padding: 0em .2em 0em .2em ;
1975 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1976 background-color:#eeeeee;
1979 .editor_tab_selected{
1980 border-top: 1px solid #cccccc;
1981 border-left: 1px solid #cccccc;
1982 border-right: 1px solid #cccccc;
1984 padding: 0em .2em 0em .2em ;
1985 background-color: #eeeeee;
1988 white-space: nowrap;
1989 text-decoration:none;
1991 -moz-border-radius: .3em .3em 0em 0em;
1995 .editor_tab input[type=submit]{
1998 /* 1pxgs current box on My Start */
2004 border: 1px solid #cccccc;
2005 border-radius: .5em .5em .5em .5em;
2006 -moz-border-radius: .5em .5em .5em .5em;
2007 -moz-box-shadow:.1em .1em .1em #999999;
2008 box-shadow: .1em .1em .2em #999999;
2013 list-style-type:none;
2017 vertical-align:middle;
2021 background-color:#E6E6E6;
2024 border-bottom:1px solid #cccccc;
2033 background-color:#eeeeee;
2034 border: 1px solid #cccccc;
2038 /* Preference Editor tabs */
2039 /* Preferences tabs */
2041 table.etabbed-table {
2045 /* Preference Editor tabs */
2046 .etabbed-list-container {
2057 background-color: transparent;
2063 white-space: nowrap;
2064 background-color: #ffffff;
2065 margin-bottom: .5px;
2068 padding:0em 0em 0em;
2070 -moz-border-radius: .3em .3em .3em .3em;
2074 border-top: 1px solid #cccccc;
2075 border-left: 1px solid #cccccc;
2076 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: .2em .5em 0em .5em;
2083 -moz-box-shadow:.1em .1em 0em #999999;
2084 box-shadow: .1em .1em 0em #999999;
2086 padding-bottom: .9px;
2090 .prefs_buttontab:hover, .prefs_tab:hover {
2091 background-color: #eeeeee;
2094 .prefs_tab_selected{
2096 border-top: 1px solid #cccccc;
2097 border-left: 1px solid #cccccc;
2098 border-right: 1px solid #cccccc;
2100 background-color: #eeeeee;
2104 padding: .2em .5em 0em .5em ;
2105 white-space: nowrap;
2106 text-decoration:none;
2108 -moz-border-radius: .3em .3em 0em 0em;
2109 -moz-box-shadow:.1em .1em .0 #999999;
2110 box-shadow: .1em .1em .1em #999999;
2114 border:1px solid #cccccc;
2116 -moz-border-radius:.5em;
2121 background-color:#ffffff;
2126 .wizscreen > legend{
2129 border:1px solid black;
2130 background-color:#ffffff;
2135 .wizscreen .buttons {
2139 .wizscreen .button {
2152 #course_title_container{
2158 #my_courses_container{
2164 border-radius: .5em .5em .5em .5em;
2165 -moz-border-radius: .5em .5em .5em .5em;
2166 -moz-box-shadow:.1em .1em .1em #999999;
2167 box-shadow: .1em .1em .1em #999999;
2171 vertical-align:middle;
2175 ul#content-tool-links {
2176 list-style: none outside none;
2178 ul#content-tool-links li{
2189 ul#content-tool-links img{
2201 white-space: nowrap;
2208 /* Transformable repository search */
2211 border:thin solid #cccccc;
2216 border-radius: .3em .3em .3em .3em;
2217 -moz-border-radius: .3em .3em .3em .3em;
2218 -moz-box-shadow:.1em .1em .1em #999999;
2219 box-shadow: .1em .1em .1em #999999;
2227 border:thin solid #cccccc;
2228 border-radius: .3em .3em .3em .3em;
2229 -moz-border-radius: .3em .3em .3em .3em;
2230 -moz-box-shadow:.1em .1em .1em #999999;
2231 box-shadow: .1em .1em .1em #999999;
2238 margin-bottom: -.5em;
2239 border-top:thin solid #cccccc;
2240 border-left:thin solid #cccccc;
2241 border-right:thin solid #cccccc;
2242 border-radius: .3em .3em 0em 0em;
2243 -moz-border-radius: .3em .3em 0em 0em;
2247 font-family: monospace;
2248 border: 2px solid rgb(0, 0, 0);
2250 color: rgb(255, 255, 255);
2251 background-color: rgb(0, 0, 0);
2255 border-bottom-width: 0px;
2258 font-weight: normal;
2264 #display-settings-preview{
2271 #defaultfontsize-wrapper{
2276 /* ATutor Social Styles */
2278 div .profile_container {
2279 background-color:#eee;
2280 border: 1px solid #8e8e8e;
2283 margin-bottom: 0.5em;
2286 div .profile_container .top_right {
2290 dl.public-profile dd{
2293 dl.public-profile dt {
2304 div .search_form .row{
2305 background-color: #DEDEC0;
2309 background-color: #eee;
2310 border: 1px solid #aaa;
2313 background-color: #cccccc;
2320 ul.social_side_menu {
2323 ul.social_side_menu li {
2324 padding-bottom: 0.2em;
2329 border-bottom:1px solid #C1C157;
2330 padding-bottom:0.5em;
2331 margin-bottom:0.5em;
2339 div.headingbox, h3.headingbox, a.headingbox{
2340 border:1px #cccccc solid;
2342 background-color: #eeeeee;
2343 text-decoration:none;
2348 div.contentbox, input-form{
2351 border-left:1px #cccccc solid;
2352 border-right:1px #dddddd solid;
2353 border-bottom:1px #cccccc solid;
2355 background-color: #ffffff;
2360 border:1px solid #a50707;
2368 ul.social_inline_menu{
2369 background-color: #eeeeee;
2370 border:thin #cccccc solid;
2376 border:thin solid #cccccc;
2397 .people-you-may-know{
2408 padding-bottom:0.2em;
2431 /* relative image size styles */
2446 input[type=image].fl-force-right{