15 /* main body attributes */
17 font-family: Verdana, Helevetica, Arial, sans-serif;
21 background-color: #eeeeee;
22 background-image:url('images/texture_bg.png');
25 border:1px solid #aaaaaa;
30 background-color: #ffffff;
31 border-radius: 1em 1em 1em 1em;
32 -moz-border-radius: 1em 1em 1em 1em;
33 -moz-box-shadow:.1em .1em #999999;
34 box-shadow: .1em .1em #999999;
35 background-image: url('images/atutor_head.jpg');
36 background-position: 0% 0%;
37 background-repeat: repeat-x;
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;
95 /* Table of content attributes*/
97 font-family: Verdana, Helevetica, Arial, sans-serif;
98 background-color: #E9F4F3;
104 border: 1px #ACCFCC solid;
107 /* list attributes */
109 font-family: Verdana, Helevetica, Arial, sans-serif;
116 font-family: Verdana, Helevetica, Arial, sans-serif;
123 list-style: disc url(../../images/folder.gif) outside;
124 font-family: Verdana, Helevetica, Arial, sans-serif;
130 li.folders .disabled {
136 list-style-image:none;
137 list-style-position:outside;
138 list-style-type:none;
144 /* link attributes */
155 /* align text to the left */
163 text-decoration: none;
169 border: 1px #595241 solid;
172 /* main submit button */
174 background-color: #efefef;
176 border: #AAA solid 1px;
178 -moz-border-radius: .3em .3em .3em .3em;
179 -moz-box-shadow:.1em .1em .2em #999999;
180 box-shadow: .1em .1em .2em #999999;
185 border:1px solid #A50707;
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;
575 div#top-links a:link, div#top-links a:visited {
576 text-decoration:none;
581 div#top-links a:focus{
583 background-color:#F6EAD6;
591 background-color:#eeeeee;
592 border:thin solid #cccccc;
593 border-radius: .3em .3em .3em .3em;
594 -mox-border-radius: ..3em .3em .3em .3em;
595 -moz-box-shadow:.2em .2em .2em #999999;
596 box-shadow: .2em .2em .2em #999999;
602 background-color:#eeeeee;
607 background-color:#eeeeee;
608 border:thin solid #cccccc;
609 border-radius:.3em .3em .3em .3em;
610 -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;
778 div#error ul, div#feedback ul, div#help ul {
795 border: 1px solid #17B506;
797 background-color: #F2FCF0;
801 -moz-border-radius: .5em;
810 border: 1px solid #ACCFCC;
812 background-color: #E9F4F3;
815 -moz-border-radius: .5em;
824 border: 1px solid #B8AE9C;
826 background-color: #EFE6FF;
830 -moz-border-radius: .5em;
839 border: 1px solid #FF8400;
841 background-color: #FFF6ED;
845 -moz-border-radius: .5em;
855 font-family: Verdana, Helevetica, Arial, sans-serif;
859 /* home page links */
868 div.home-link:hover {
870 background-color: #F7F3ED;
871 border: 1px solid #afafaf;
877 text-decoration: none;
892 div.sequence-links a {
893 text-decoration: none;
899 background-color: white;
901 border-left: 1px solid #ECFEEA;
902 border-right: 1px solid #ECFEEA;
903 border-bottom: 1px solid #ECFEEA;
907 div.dropdown-heading {
908 background-color: #ACCFCC;
910 border-left: 1px solid #ECFEEA;
911 border-right: 1px solid #ECFEEA;
912 border-top: 1px solid #ECFEEA;
947 border: 1px solid #000;
958 text-decoration: none;
961 border-left: 1px solid white;
962 border-right: 1px solid white;
965 div.paging li a:hover, div.paging li a.current {
966 background-color: #F7F3ED;
967 border-left: 1px solid #000;
968 border-right: 1px solid #000;
972 /* background-image: url('images/pencil_top_ds.png'); */
974 background-position: 99% 99%;
975 background-repeat: no-repeat;
987 background-color: #F7F3ED;
991 background-image:url(images/tl_corner.gif);
992 background-position: top left;
993 background-repeat: no-repeat;
998 background-color: #595241;
1005 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1006 background-color: transparent;
1007 border-collapse: collapse;
1008 border-bottom: 1px solid #B8AE9C;
1009 padding: 0.5em 0em 0em 2em;
1010 white-space: nowrap;
1014 /* The normal, unselected tabs. They are all links */
1015 background-color: transparent;
1016 border-color: #B8AE9C;
1018 border-style: solid solid none solid;
1021 margin-right: 0.5em;
1022 padding: 0em 2em 0em;
1026 div.tabs a.selected {
1027 /* The selected tab. There's only one of this */
1028 background-color: white;
1029 border-bottom: #B8AE9C 1px solid;
1031 font-weight: normal;
1034 div.tabs a:hover, div.tabs a.active {
1035 background-color: #B8AE9C;
1036 border-bottom: 1px solid #B8AE9C;
1041 -moz-border-radius: 0em 0em .5em .5em;
1042 -moz-box-shadow:.1em .1em .1em #999999;
1043 box-shadow: .1em .1em .1em #999999;
1048 -moz-border-radius: .5em .5em 0em 0em;
1049 -moz-box-shadow:.1em .1em .2em #999999;
1050 box-shadow: .1em .1em .2em #999999;
1054 text-decoration:underline;
1060 border-radius: .5em .5em 0em 0em;
1061 -moz-border-radius: .5em .5em 0em 0em;
1063 border:1px solid #ccc;
1064 -moz-box-shadow:.1em .1em .1em #999999;
1065 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;
1137 background-color: transparent;
1141 /* users/index.php */
1147 border: rgb(204, 204, 204) 1px solid;
1148 background-color: #F7F7F7;
1160 font-weight: normal;
1166 background-color:#FBF4E9;
1167 border: #B8AE9C 1px solid;
1170 div.course img.icon {
1186 border:1px solid white;
1188 div.course div.shortcuts , a {
1190 text-decoration:none;
1192 vertical-align: middle;
1195 div#alternatives_shortcuts {
1198 border-radius: .5em .5em .5em .5em;;
1199 -moz-border-radius: .5em .5em .5em .5em;
1200 -moz-box-shadow:.2em .2em .2em #999999;
1201 box-shadow: .2em .2em .2em #999999;
1202 border:1px solid #cccccc;
1205 padding-right: .2em;
1208 fieldset#shortcuts {
1210 background-color: #FEFDEF;
1211 border: 1pt solid #B8AE9C;
1212 margin: -5pt 5pt 5pt 5pt;
1213 padding-right: 10pt;
1214 padding-bottom: 5pt;
1219 margin-bottom: 10pt;
1220 border-radius: .5em .5em .5em .5em;;
1221 -moz-border-radius: .5em .5em .5em .5em;
1225 border-left:thin solid #cccccc;
1226 border-right:thin solid #cccccc;
1227 border-bottom:thin solid #cccccc;
1228 border-radius: 0em 0em .5em .5em;;
1229 -moz-border-radius: 0em 0em .5em .5em;
1231 -moz-box-shadow:.2em .2em .2em #999999;
1232 box-shadow: .2em .2em .2em #999999;
1238 -moz-border-radius: .5em .5em .5em .5em;
1246 list-style-type: none;
1253 background-image: url('images/help.png'); background-repeat: no-repeat; background-position: 2px 2px;
1254 padding: 3px 10px 5px 30px;
1255 text-decoration:none;
1261 border-left:thin solid #cccccc;
1262 border-right:thin solid #cccccc;
1263 border-bottom:thin solid #cccccc;
1264 border-radius: 0em 0em .5em .5em;;
1265 -moz-border-radius: 0em 0em .5em .5em;
1266 -moz-box-shadow:.2em .2em .2em #999999;
1267 box-shadow: .2em .0em .2em #999999;
1278 div#content-text li {
1288 div#content-test ol{
1292 div#content-test ol ul li{
1294 padding: 0px 2px 0px 15px;
1297 background-color: #fdfdfd;
1298 border-bottom: 1px solid #efefef;
1299 border: 1px solid #eeeeff;
1315 border:1px solid #cccccc;
1316 border-radius: .5em .5em .5em .5em;
1317 -moz-border-radius: .5em .5em .5em .5em;
1318 -moz-box-shadow:.2em .2em .2em #999999;
1319 box-shadow: .2em .2em .2em #999999;
1325 padding-bottom: 10px;
1326 padding-right: 10px;
1343 background-color: #F6EAD6;
1344 border-bottom: .05em solid #6F7172;
1360 ul#home-links, ul#home-detail-links {
1375 ul#home-links li a {
1376 text-decoration: none;
1377 border: 1px transparent;
1380 ul#home-links li a img {
1389 vertical-align: middle;
1392 margin-bottom:-.2em;
1403 dl#public-profile dt {
1407 border-right: 1px solid #F7F3ED;
1408 padding: 5px 5px 5px 0px;
1409 vertical-align: middle;
1412 dl#public-profile dd {
1414 padding: 5px 0px 5px 5px;
1430 border-radius:.5em .5em .5em .5em;
1431 -moz-border-radius: .5em .5em .5em .5em;
1432 -moz-box-shadow:.1em .1em .2em #999999;
1433 box-shadow: .1em .1em .2em #999999;
1435 /* floating layout */
1451 margin: -10px 5px 0;
1462 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1463 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1464 #forum-thread li.odd { background-color: #fff; }
1465 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1466 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1467 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1468 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1469 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1470 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1471 div.forum-post-ctrl a { text-decoration: none; }
1472 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1473 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1474 div.forum-post-content div.body p { margin-bottom:1em; }
1475 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1476 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1480 /** inbox stuff - reuses some of the forum layout **/
1481 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1484 /* Top navigation tabs / list */
1485 div#topnavlistcontainer {
1486 /*background-image: url('images/pencil_bottom_ds.png'); */
1487 background-position: 99% 1%;
1488 background-repeat: no-repeat;
1491 border-bottom:1px solid #cccccc;
1499 white-space: nowrap;
1505 white-space: nowrap;
1507 display: inline-block;
1511 border-radius: .5em .5em 0em 0em;
1512 -moz-border-radius: .5em .5em 0em 0em;
1513 -moz-box-shadow:.1em .0em .1em #999999;
1514 box-shadow: .1em .1em .1em #999999;
1517 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1518 background-color: #E6E6E6;
1520 text-decoration:none;
1521 border-radius: .5em .5em 0em 0em;
1522 -moz-border-radius: .5em .5em 0em 0em;
1523 padding: .2em 2em .2em;
1524 border-bottom: 1px solid #E6E6E6;
1528 ul#topnavlist li a {
1529 /* The normal, unselected tabs. They are all links */
1533 border-top:1px solid #ccc;
1534 border-left:1px solid #ccc;
1535 border-right:1px solid #ccc;
1536 text-decoration:underline;
1537 background-color:white;
1538 border-radius: .5em .5em 0em 0em;
1539 -moz-border-radius: .5em .5em 0em 0em;
1541 padding: .2em 2em .2em;
1546 ul#topnavlist li a.selected {
1547 /* The selected tab. There's only one of these */
1549 font-weight: normal;
1550 border-radius:.3em .3em 0em 0em;
1551 -moz-border-radius: .3em .3em em 0em;
1552 padding: .2em 2em .2em
1556 border: 1px solid #e0e0e0;
1557 background-color: #efefef;
1560 /* tool list on admin home and manage screens */
1563 padding: 2px 2px 2px 5px;
1567 background-color: #fdfdfd;
1568 border-bottom: 1px solid #efefef;
1569 border: 1px solid #eeeeff;
1572 li.top-tool a { font-weight: bold; }
1576 font-weight: normal;
1577 text-decoration:underline;
1586 ul.child-top-tool:before {
1596 /* to modify tool icons on the course home page */
1601 background-color:#000000;
1603 filter:alpha(opacity=10);
1615 /* browse courses */
1618 padding-bottom: 10px;
1619 background-color: #fffaf0;
1620 border:1px #6F7172 solid;
1630 padding-bottom: 10px;
1631 background-color: #fffaf0;
1635 dl.browse-course dt {
1641 padding: 5px 10px 5px 0px;
1642 vertical-align: middle;
1644 dl.browse-course dd {
1647 padding: 5px 0px 5px 10px;
1651 /* form fields grouping for WCAG 2.0 conformance*/
1652 fieldset.group_form{
1655 border:1px #6D7B8D solid;
1661 border:1px #6D7B8D solid;
1662 background-color: #EEEEEE;
1668 -moz-border-radius: .2em .2em .2em .2em;
1669 -moz-box-shadow:.1em .1em .1em #999999;
1670 box-shadow: .1em .1em .1em #999999;
1683 /* highlight active links for WCAG 2.0 conformance */
1684 a:active,a:hover,a:focus{
1685 background-color:#F6EAD6;
1690 /* menu align right layout, uncomment to enable */
1696 h2, h3, h4, h5, h6 {
1699 #contentcolumn_shiftright {
1727 /*Added by Silvia */
1728 /* remove when confirmed content alternatives funtions correctly without these styles
1729 div.column_primary {
1737 div.column_equivalent{
1746 border: 1px solid #EEE;
1747 background-color: #FFF;
1751 border: 1px solid #aaa;
1756 background-color: #eee;
1765 div.alternative_box{
1766 border: 1px solid #ddd;
1770 background-color: #fff;
1773 div.alternative_box legend {
1777 div.resource_box legend {
1783 font-weight: bolder;
1784 background-color: white;
1787 /* format of "table of contents" on content page */
1788 #toc a { display:block; margin:3px; float:left;}
1789 #toc .h2 { padding:0 0 0 10px;}
1790 #toc .h3 { padding:0 0 0 30px;}
1791 #toc .h4 { padding:0 0 0 40px; }
1792 #toc .h5 { padding:0 0 0 50px; }
1793 #toc .h6 { padding:0 0 0 60px; }
1796 background-color: #FEFDEF;
1797 border: 1pt solid #B8AE9C;
1804 padding-bottom:.3em;
1808 /* cleans up glossary question mark line spacing*/
1810 border: 1pt solid #B8AE9C;
1811 vertical-align:bottom;
1815 /* jQuery tooltip styles */
1819 border:3px solid #111;
1820 background-color:#eeeeee;
1823 #tooltip h3,#tooltip div{
1827 /* style for home page modules "detail view" */
1837 border:1px solid #cccccc;
1838 background: #eeeeee;
1844 -moz-border-radius:.3em .3em .3em .3em;
1845 border-radius: 3em 3em .3em .3em;
1846 -moz-box-shadow:.2em .2em .2em #999999;
1847 box-shadow: .2em .2em .2em #999999;
1852 border:1px solid #cccccc;
1853 background: #ffffff;
1861 -moz-border-radius:.5em;
1874 background-position: top left;
1875 background-repeat:no-repeat;
1896 .draggable_selected {
1897 background-color: transparent;
1901 div#subnavlistcontainer {
1907 div#subnavbacktopage {
1916 border:1px solid #e8e8e8;
1920 -moz-border-radius: .5em .5em .5em .5em;
1926 font-family: Verdana,Helvetica,Arial,serif;
1933 background-color: #FFFFFF;
1935 display: inline-block;
1938 border-top:1px solid #cccccc;
1939 border-left:1px solid #cccccc;
1940 border-right:1px solid #cccccc;
1941 border-radius: .3em .3em 0em 0em;
1942 -moz-border-radius: .3em .3em 0em 0em;
1944 -moz-box-shadow:.1em .0em .1em #999999;
1945 box-shadow: .2em .0em .2em #999999;
1946 padding: 0em .5em .6em .5em ;
1949 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1951 text-decoration:none;
1952 background-color: #E6E6E6;
1955 ul#subnavlist li a {
1956 /* The normal, unselected tabs. They are all links */
1959 text-decoration:underline;
1966 border:1px solid #cccccc;
1968 /* NEW IN ATUTOR 2.0 */
1969 /* alternate colours in the My Course list */
1971 background-color: #F7F3ED;
1975 background-color: transparent;
1978 /* Content editor wrapper div */
1980 border:1px solid #cccccc;
1982 -moz-border-radius: .5em .5em .5em .5em;
1983 padding: .1em .5em .1em .5em ;
1985 /* Content editor tabs */
1990 white-space: nowrap;
1991 background-color: #ffffff;
1995 padding:0em 0em 0em;
2000 border-top: 1px solid #cccccc;
2001 border-left: 1px solid #cccccc;
2002 border-right: 1px solid #cccccc;
2004 margin-bottom:-.5em;
2006 white-space: nowrap;
2007 background-color: #ffffff;
2008 border-radius: .3em .3em 0em 0em;
2009 -moz-border-radius: .3em .3em 0em 0em;
2010 -moz-box-shadow:.1em .0em .1em #999999;
2011 box-shadow: .2em .0em .2em #999999;
2012 padding: 0em .2em 0em .2em ;
2015 .editor_tab:hover, .editor_tab input[type=submit]:hover{
2016 background-color:#eeeeee;
2019 .editor_tab_selected{
2020 border-top: 1px solid #cccccc;
2021 border-left: 1px solid #cccccc;
2022 border-right: 1px solid #cccccc;
2024 padding: 0em .2em 0em .2em ;
2025 background-color: #eeeeee;
2028 white-space: nowrap;
2029 text-decoration:none;
2031 -moz-border-radius: .3em .3em 0em 0em;
2035 .editor_tab input[type=submit]{
2038 /* 1pxgs current box on My Start */
2044 border: 1px solid #cccccc;
2045 border-radius: .5em .5em .5em .5em;
2046 -moz-border-radius: .5em .5em .5em .5em;
2047 -moz-box-shadow:.1em .1em .1em #999999;
2048 box-shadow: .1em .1em .2em #999999;
2053 list-style-type:none;
2057 vertical-align:middle;
2061 background-color:#E6E6E6;
2064 border-bottom:1px solid #cccccc;
2072 background-color:#eeeeee;
2073 border: 1px solid #cccccc;
2077 /* Preference Editor tabs */
2078 /* Preferences tabs */
2079 table.etabbed-table {
2087 background-color: transparent;
2093 white-space: nowrap;
2094 background-color: #ffffff;
2098 padding:0em 0em 0em;
2100 -moz-border-radius: .3em .3em .3em .3em;
2104 border-top: 1px solid #cccccc;
2105 border-left: 1px solid #cccccc;
2106 border-right: 1px solid #cccccc;
2108 white-space: nowrap;
2110 background-color: #FFFFFF;
2112 -moz-border-radius: .3em .3em 0em 0em;
2113 padding: 0em .2em 0em .2em;
2114 -moz-box-shadow:.2em .2em .2em #999999;
2115 box-shadow: .2em .0em .2em #999999;
2118 .prefs_buttontab:hover, .prefs_tab:hover {
2119 background-color: #eeeeee;
2121 .prefs_tab_selected{
2122 border-top: 1px solid #cccccc;
2123 border-left: 1px solid #cccccc;
2124 border-right: 1px solid #cccccc;
2126 background-color: #eeeeee;
2130 padding: 0em .2em 0em .2em ;
2131 white-space: nowrap;
2132 text-decoration:none;
2134 -moz-border-radius: .3em .3em 0em 0em;
2135 -moz-box-shadow:.2em .2em .2em #999999;
2136 box-shadow: .2em .0em .2em #999999;
2140 border:1px solid #cccccc;
2142 -moz-border-radius:.5em;
2147 background-color:#ffffff;
2152 .wizscreen > legend{
2155 border:1px solid black;
2156 background-color:#ffffff;
2161 .wizscreen .buttons {
2165 .wizscreen .button {
2178 #course_title_container{
2181 white-space:pre-line;
2186 #my_courses_container{
2191 border-radius: .5em .5em .5em .5em;
2192 -moz-border-radius: .5em .5em .5em .5em;
2193 -moz-box-shadow:.1em .1em .1em #999999;
2194 box-shadow: .1em .1em .1em #999999;
2198 vertical-align:middle;
2200 ul#content-tool-links {
2201 list-style: none outside none;
2203 ul#content-tool-links li{
2214 ul#content-tool-links img{
2226 white-space: nowrap;
2233 /* Transformable repository search */
2236 border:thin solid #cccccc;
2241 border-radius: .3em .3em .3em .3em;
2242 -moz-border-radius: .3em .3em .3em .3em;
2243 -moz-box-shadow:.2em .2em .2em #999999;
2244 box-shadow: .2em .1em .2em #999999;
2252 border:thin solid #cccccc;
2253 border-radius: .3em .3em .3em .3em;
2254 -moz-border-radius: .3em .3em .3em .3em;
2255 -moz-box-shadow:.2em .2em .2em #999999;
2256 box-shadow: .2em .1em .2em #999999;
2263 margin-bottom: -.5em;
2264 border-top:thin solid #cccccc;
2265 border-left:thin solid #cccccc;
2266 border-right:thin solid #cccccc;
2267 border-radius: .3em .3em 0em 0em;
2268 -moz-border-radius: .3em .3em 0em 0em;