13 /* main body attributes STARTED HERE */
15 font-family: Verdana, Helevetica, Arial, sans-serif;
18 /* background-color: #F2F9FA; */
19 background-color: #000000;
22 /* 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;
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 */
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:#F2F7F7;
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:#F2F7F7;
606 background-color:#F2F7F7;
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 {
786 list-style-type:none;
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: repeatx;
982 background-image: url('images/atutor_head.jpg');
995 background-color: #F7F3ED;
999 background-image:url(images/tl_corner.gif);
1000 background-position: top left;
1001 background-repeat: no-repeat;
1006 background-color: #595241;
1013 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1014 background-color: transparent;
1015 border-collapse: collapse;
1016 border-bottom: 1px solid #B8AE9C;
1017 padding: 0.5em 0em 0em 2em;
1018 white-space: nowrap;
1022 /* The normal, unselected tabs. They are all links */
1023 background-color: transparent;
1024 border-color: #B8AE9C;
1026 border-style: solid solid none solid;
1029 margin-right: 0.5em;
1030 padding: 0em 2em 0em;
1034 div.tabs a.selected {
1035 /* The selected tab. There's only one of this */
1036 background-color: white;
1037 border-bottom: #B8AE9C 1px solid;
1039 font-weight: normal;
1042 div.tabs a:hover, div.tabs a.active {
1043 background-color: #B8AE9C;
1044 border-bottom: 1px solid #B8AE9C;
1049 -moz-border-radius: 0em 0em .5em .5em;
1050 /* -moz-box-shadow:.1em .1em .1em #999999;
1051 box-shadow: .1em .1em .1em #999999;*/
1056 -moz-border-radius: .5em .5em 0em 0em;
1057 /* -moz-box-shadow:.1em .1em .2em #999999;
1058 box-shadow: .1em .1em .2em #999999;*/
1062 text-decoration:underline;
1068 border-radius: .5em .5em 0em 0em;
1069 -moz-border-radius: .5em .5em 0em 0em;
1071 border-top:1px solid #F2F7F7;
1072 border-left:1px solid #F2F7F7;
1073 border-right:1px solid #F2F7F7;
1074 border-bottom:1px solid #F2F7F7;
1075 /* -moz-box-shadow:.1em .1em .1em #999999;
1076 box-shadow: .1em .1em .1em #999999;*/
1081 border-radius: .5em .5em 0em 0em;
1082 -moz-border-radius: .5em .5em 0em 0em;
1084 border-top:1px solid #F2F7F7;
1085 border-left:1px solid #F2F7F7;
1086 border-right:1px solid #F2F7F7;
1087 border-bottom:1px solid #F2F7F7;
1088 /* -moz-box-shadow:.1em .1em .1em #999999;
1089 box-shadow: .1em .1em .1em #999999;*/
1094 background-color: #F5F5F5;
1097 font-weight: normal;
1098 border-radius:.0em .0em .5em .5em;
1099 -moz-border-radius: .0em .0em .5em .5em;
1100 /* border-left:1px solid #ccc;
1101 border-right:1px solid #ccc;
1102 border-bottom:1px solid #ccc;*/
1103 /* -moz-box-shadow:.1em .1em .1em #999999;
1104 box-shadow: .1em .1em .1em #999999;*/
1108 background-color: #6F7172;
1109 border: 1px solid #B8AE9C;
1110 border-style: solid solid none solid;
1112 padding: 0em 1em 0em 1em;
1119 text-decoration: none;
1124 text-decoration: none;
1128 text-decoration: underline;
1137 /* font-size: 1em;*/
1142 text-transform: none;
1143 border-left: 1pt solid #B8AE9C;
1156 background-color: #F7F3ED;
1161 background-color: transparent;
1165 /* users/index.php */
1171 border: rgb(204, 204, 204) 1px solid;
1172 background-color: #F7F7F7;
1184 font-weight: normal;
1190 background-color:#FBF4E9;
1191 border: #B8AE9C 1px solid;
1194 div.course img.icon {
1210 border:1px solid white;
1212 div.course div.shortcuts, a {
1214 text-decoration:none;
1216 vertical-align: middle;
1219 div#alternatives_shortcuts {
1222 border-radius: .5em .5em .5em .5em;;
1223 -moz-border-radius: .5em .5em .5em .5em;
1224 /* -moz-box-shadow:.1em .1em .2em #999999;
1225 box-shadow: .1em .1em .2em #999999;*/
1226 border:1px solid #F2F7F7;
1229 padding-right: .2em;
1232 fieldset#shortcuts {
1234 background-color: #FEFDEF;
1235 border: 1pt solid #B8AE9C;
1236 margin: -5pt 5pt 5pt 5pt;
1237 padding-right: 10pt;
1238 padding-bottom: 5pt;
1243 margin-bottom: 10pt;
1244 border-radius: .5em .5em .5em .5em;;
1245 -moz-border-radius: .5em .5em .5em .5em;
1249 border-left:thin solid #F2F7F7;
1250 border-right:thin solid #F2F7F7;
1251 border-bottom:thin solid #F2F7F7;
1252 border-radius: 0em 0em .5em .5em;
1253 -moz-border-radius: 0em 0em .5em .5em;
1256 /* -moz-box-shadow:.1em .1em .2em #999999;
1257 box-shadow: .1em .1em .2em #999999;*/
1263 -moz-border-radius: .5em .5em .5em .5em;
1270 list-style-type: none;
1281 background-image: url('images/help.png');
1282 background-repeat: no-repeat;
1283 background-position: 2px 2px;
1284 padding: 3px 10px 5px 30px;
1285 text-decoration:none;
1290 border-left:thin solid #cccccc;
1291 border-right:thin solid #cccccc;
1292 border-bottom:thin solid #cccccc;
1293 border-radius: 0em 0em .5em .5em;
1294 -moz-border-radius: 0em 0em .5em .5em;
1295 /* -moz-box-shadow:.1em .1em .2em #999999;
1296 box-shadow: .1em .1em .2em #999999;*/
1309 div#content-text li {
1319 div#content-test ol{
1323 div#content-test ol ul li{
1324 list-style-type: none;
1325 padding: 0px 2px 0px 15px;
1328 background-color: #fdfdfd;
1329 border-bottom: 1px solid #efefef;
1330 border: 1px solid #eeeeff;
1332 div#content-test li{
1333 list-style-type: none;
1341 div#content-forum ol{
1345 div#content-forum ol ul li{
1346 list-style-type: none;
1347 padding: 0px 2px 0px 15px;
1350 background-color: #fdfdfd;
1351 border-bottom: 1px solid #efefef;
1352 border: 1px solid #eeeeff;
1354 div#content-forum li{
1355 list-style-type: none;
1371 border:1px solid #cccccc;
1372 border-radius: .5em .5em .5em .5em;
1373 -moz-border-radius: .5em .5em .5em .5em;
1374 /* -moz-box-shadow:.1em .1em .2em #999999;
1375 box-shadow: .1em .1em .2em #999999;*/
1381 padding-bottom: 10px;
1382 padding-right: 10px;
1399 background-color: #F6EAD6;
1400 border-bottom: .05em solid #6F7172;
1416 ul#home-links, ul#home-detail-links {
1431 ul#home-links li a {
1432 text-decoration: none;
1433 border: 1px transparent;
1436 ul#home-links li a img {
1445 vertical-align: middle;
1448 margin-bottom:-.2em;
1459 dl#public-profile dt {
1463 border-right: 1px solid #F7F3ED;
1464 padding: 5px 5px 5px 0px;
1465 vertical-align: middle;
1468 dl#public-profile dd {
1470 padding: 5px 0px 5px 5px;
1486 border-radius:.5em .5em .5em .5em;
1487 -moz-border-radius: .5em .5em .5em .5em;
1488 /* -moz-box-shadow:.1em .1em .2em #999999;
1489 box-shadow: .1em .1em .2em #999999;*/
1491 /* floating layout */
1508 margin: -10px 5px 0;
1519 .forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1520 .forum-thread li.even { background-color: #F7F3ED; border-top: none; margin-top:.5em;}
1521 .forum-thread li.odd { background-color: #fff; margin-top:1em;}
1522 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1523 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1524 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1525 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1526 div.forum-post-content h3 { font-weight: 500; margin-top:-.5em; clear:right;}
1527 div.forum-post-ctrl { float: right; padding: 2px; margin-top:-.2em;margin-right:.2em;color: #a1a1a1; border:1px solid #cccccc;-moz-border-radius:.3em;border-radius:.3em;font-size:small;}
1528 div.forum-post-ctrl a { text-decoration: none; }
1529 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1530 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED;font-size:small;}
1531 div.forum-post-content div.body p { margin-bottom:1em; }
1532 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1533 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1537 /** inbox stuff - reuses some of the forum layout **/
1538 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1541 /* Top navigation tabs / list */
1542 div#topnavlistcontainer {
1543 /*background-image: url('images/pencil_bottom_ds.png'); */
1555 margin-bottom: -2px;
1562 display: inline-block;
1564 border-radius: .5em .5em 0em 0em;
1565 -moz-border-radius: .5em .5em 0em 0em;
1566 /* -moz-box-shadow:.1em .0em .1em #999999;
1567 box-shadow: .1em .0em .1em #999999;*/
1568 padding: 0em 0em 0em 0em;
1572 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1573 background-color: #F2F7F7;
1575 text-decoration:none;
1576 border-radius: .5em .5em 0em 0em;
1577 -moz-border-radius: .5em .5em 0em 0em;
1578 padding: .1em 1.8em .2em 1.8em;
1579 border-bottom: 1px solid #F2F7F7;
1583 ul#topnavlist li a {
1584 /* The normal, unselected tabs. They are all links */
1587 border-top:1px solid #ccc;
1588 border-left:1px solid #ccc;
1589 border-right:1px solid #ccc;
1590 text-decoration:underline;
1591 background-color:white;
1592 border-radius: .5em .5em 0em 0em;
1593 -moz-border-radius: .5em .5em 0em 0em;
1594 padding: .2em 1.8em .1em 1.8em;
1599 ul#topnavlist li a.selected {
1600 /* The selected tab. There's only one of these */
1602 font-weight: normal;
1603 border-radius:.3em .3em 0em 0em;
1604 -moz-border-radius: .3em .3em 0em 0em;
1605 padding: 1em 1.8em 1em 1.8em;
1610 border: 1px solid #e0e0e0;
1611 background-color: #efefef;
1614 /* tool list on admin home and manage screens */
1617 padding: 2px 2px 2px 5px;
1622 background-color: #fdfdfd;
1623 border-bottom: 1px solid #efefef;
1624 border: 1px solid #eeeeff;
1627 li.top-tool a { font-weight: bold; }
1630 font-weight: normal;
1631 text-decoration:underline;
1640 ul.child-top-tool:before {
1647 /* font-size: 80%;*/
1650 /* to modify tool icons on the course home page */
1655 background-color:#000000;
1657 filter:alpha(opacity=10);
1669 /* browse courses */
1672 padding-bottom: 10px;
1673 background-color: #fffaf0;
1674 border:1px #6F7172 solid;
1684 padding-bottom: 10px;
1685 background-color: #fffaf0;
1689 dl.browse-course dt {
1695 padding: 5px 10px 5px 0px;
1696 vertical-align: middle;
1698 dl.browse-course dd {
1701 padding: 5px 0px 5px 10px;
1705 /* form fields grouping for WCAG 2.0 conformance*/
1706 fieldset.group_form{
1709 border:1px #6D7B8D solid;
1712 background-color:#ffffff;
1716 border:1px #6D7B8D solid;
1717 background-color: #EEEEEE;
1723 -moz-border-radius: .2em .2em .2em .2em;
1724 /* -moz-box-shadow:.1em .1em .1em #999999;
1725 box-shadow: .1em .1em .1em #999999;*/
1738 /* highlight active links for WCAG 2.0 conformance */
1739 a:active,a:hover,a:focus{
1740 background-color:#F6EAD6;
1745 /* menu align right layout, uncomment to enable */
1751 h2, h3, h4, h5, h6 {
1754 #contentcolumn_shiftright {
1783 /* format of "table of contents" on content page */
1784 #toc a { display:block; margin:3px; float:left;}
1785 #toc .h2 { padding:0 0 0 10px;}
1786 #toc .h3 { padding:0 0 0 30px;}
1787 #toc .h4 { padding:0 0 0 40px; }
1788 #toc .h5 { padding:0 0 0 50px; }
1789 #toc .h6 { padding:0 0 0 60px; }
1792 background-color: #FEFDEF;
1793 border: 1pt solid #B8AE9C;
1800 padding-bottom:.3em;
1804 /* cleans up glossary question mark line spacing*/
1806 border: 1pt solid #B8AE9C;
1807 vertical-align:bottom;
1811 /* jQuery tooltip styles */
1815 border:3px solid #111;
1816 background-color:#eeeeee;
1821 #tooltip h3,#tooltip div{
1826 /* font-size:100%;*/
1829 padding-bottom:.2em;
1830 text-decoration:none;
1831 border-bottom:1px dashed;
1834 /* style for home page modules "detail view" */
1841 padding-bottom: .4em;
1846 border:1px solid #cccccc;
1847 background: #eeeeee;
1852 -moz-border-radius:.3em .3em .3em .3em;
1853 border-radius: .3em .3em .3em .3em;
1854 /* -moz-box-shadow:.1em .1em .2em #999999;
1855 box-shadow: .1em .1em .2em #999999;*/
1861 border:1px solid #cccccc;
1862 background: #ffffff;
1870 -moz-border-radius:.5em;
1885 .draggable_selected {
1886 background-color: lightgray;
1889 div#subnavlistcontainer {
1895 div#subnavbacktopage {
1904 border:1px solid #e8e8e8;
1908 -moz-border-radius: .5em .5em .5em .5em;
1914 font-family: Verdana,Helvetica,Arial,serif;
1915 /*font-size:1.0em;*/
1921 background-color: #FFFFFF;
1923 display: inline-block;
1926 border-top:1px solid #cccccc;
1927 border-left:1px solid #cccccc;
1928 border-right:1px solid #cccccc;
1929 border-radius: .3em .3em 0em 0em;
1930 -moz-border-radius: .3em .3em 0em 0em;
1932 /* -moz-box-shadow:.1em .0em .1em #999999;
1933 box-shadow: .1em .0em .1em #999999;*/
1934 padding: 0em .5em .6em .5em ;
1937 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1939 text-decoration:none;
1940 background-color: #F8F8F8;
1941 border-bottom:thin solid #F8F8F8;
1944 ul#subnavlist li a {
1945 /* The normal, unselected tabs. They are all links */
1948 text-decoration:underline;
1955 border:1px solid #cccccc;
1957 /* NEW IN ATUTOR 2.0 */
1958 /* alternate colours in the My Course list */
1960 background-color: #F7F3ED;
1964 background-color: transparent;
1967 /* Content editor wrapper div */
1970 border:1px solid #cccccc;
1972 -moz-border-radius: .5em .5em .5em .5em;
1973 padding: .1em .5em .1em .5em ;
1975 /* Content editor tabs */
1978 /* font-size:10pt;*/
1980 white-space: nowrap;
1981 background-color: #ffffff;
1985 padding:0em 0em 0em;
1991 border-top: 1px solid #cccccc;
1992 border-left: 1px solid #cccccc;
1993 border-right: 1px solid #cccccc;
1995 margin-bottom:-.5em;
1997 white-space: nowrap;
1998 background-color: #ffffff;
1999 border-radius: .3em .3em 0em 0em;
2000 -moz-border-radius: .3em .3em 0em 0em;
2001 /* -moz-box-shadow:.1em .0em .1em #999999;
2002 box-shadow: .1em .0em .1em #999999;*/
2003 padding: 0em .2em 0em .2em ;
2006 .editor_tab:hover, .editor_tab input[type=submit]:hover{
2007 background-color:#eeeeee;
2010 .editor_tab_selected{
2011 border-top: 1px solid #cccccc;
2012 border-left: 1px solid #cccccc;
2013 border-right: 1px solid #cccccc;
2015 padding: 0em .2em 0em .2em ;
2016 background-color: #eeeeee;
2019 white-space: nowrap;
2020 text-decoration:none;
2022 -moz-border-radius: .3em .3em 0em 0em;
2025 .editor_tab input[type=submit]{
2028 /* 1pxgs current box on My Start */
2035 border: 1px solid #cccccc;
2036 border-radius: .5em .5em .5em .5em;
2037 -moz-border-radius: .5em .5em .5em .5em;
2038 /* -moz-box-shadow:.1em .1em .1em #999999;
2039 box-shadow: .1em .1em .2em #999999;*/
2044 list-style-type:none;
2048 vertical-align:middle;
2052 background-color: #F2F7F7;
2054 border-bottom:1px solid #F2F7F7;
2063 background-color:#eeeeee;
2064 border: 1px solid #cccccc;
2068 /* Preference Editor tabs */
2069 /* Preferences tabs */
2071 table.etabbed-table {
2073 /* font-size:10pt;*/
2075 /* Preference Editor tabs */
2076 .etabbed-list-container {
2077 /* font-size:10pt;*/
2084 margin-bottom:-.4em;
2090 background-color: transparent;
2096 background-color: #ffffff;
2100 border-top: 1px solid #ffffff;
2105 border-top: 1px solid #cccccc;
2106 border-left: 1px solid #cccccc;
2107 border-right: 1px solid #cccccc;
2110 white-space: nowrap;
2111 background-color: #FFFFFF;
2112 border-radius: .3em .3em 0em 0em;
2113 -moz-border-radius: .3em .3em 0em 0em;
2114 padding: 0em .2em .2em .3em;
2118 text-decoration:none;
2121 .prefs_tab_selected{
2123 border-top: 1px solid #cccccc;
2124 border-left: 1px solid #cccccc;
2125 border-right: 1px solid #cccccc;
2128 white-space: nowrap;
2129 background-color: #eeeeee;
2130 border-radius:.3em .3em 0em 0em;
2131 -moz-border-radius: .3em .3em 0em 0em;
2132 padding: .2em .2em .2em .3em;
2136 text-decoration:none;
2140 a.pref_wiz_launcher{
2145 border:1px solid #cccccc;
2147 -moz-border-radius:.5em;
2152 background-color:#ffffff;
2157 .wizscreen > legend{
2160 border:1px solid black;
2161 background-color:#ffffff;
2166 .wizscreen .buttons {
2170 .wizscreen .button {
2183 /* font-size: 0.85em;*/
2188 #course_title_container{
2194 #my_courses_container{
2200 border-radius: .5em .5em .5em .5em;
2201 -moz-border-radius: .5em .5em .5em .5em;
2202 /* -moz-box-shadow:.1em .1em .1em #999999;
2203 box-shadow: .1em .1em .1em #999999;*/
2207 vertical-align:middle;
2211 ul#content-tool-links {
2212 list-style: none outside none;
2214 ul#content-tool-links li{
2225 ul#content-tool-links img{
2237 white-space: nowrap;
2244 /* Transformable repository search */
2247 border:thin solid #cccccc;
2252 border-radius: .3em .3em .3em .3em;
2253 -moz-border-radius: .3em .3em .3em .3em;
2254 /* -moz-box-shadow:.1em .1em .1em #999999;
2255 box-shadow: .1em .1em .1em #999999;*/
2263 border:thin solid #cccccc;
2264 border-radius: .3em .3em .3em .3em;
2265 -moz-border-radius: .3em .3em .3em .3em;
2266 /* -moz-box-shadow:.1em .1em .1em #999999;
2267 box-shadow: .1em .1em .1em #999999;*/
2274 margin-bottom: -.5em;
2275 border-top:thin solid #cccccc;
2276 border-left:thin solid #cccccc;
2277 border-right:thin solid #cccccc;
2278 border-radius: .3em .3em 0em 0em;
2279 -moz-border-radius: .3em .3em 0em 0em;
2283 font-family: monospace;
2284 border: 2px solid rgb(0, 0, 0);
2286 color: rgb(255, 255, 255);
2287 background-color: rgb(0, 0, 0);
2291 border-bottom-width: 0px;
2294 font-weight: normal;
2300 #display-settings-preview{
2307 #defaultfontsize-wrapper{
2312 /* ATutor Social Styles */
2314 div .profile_container {
2315 background-color:#eee;
2316 border: 1px solid #8e8e8e;
2319 margin-bottom: 0.5em;
2322 div .profile_container .top_right {
2326 dl.public-profile dd{
2329 dl.public-profile dt {
2340 div .search_form .row{
2341 /* background-color: #DEDEC0;*/
2342 background-color: #ffffff;
2346 background-color: #eee;
2347 border: 1px solid #aaa;
2350 background-color: #cccccc;
2357 ul.social_side_menu {
2360 ul.social_side_menu li {
2361 padding-bottom: 0.2em;
2366 border-bottom:1px solid #C1C157;
2367 padding-bottom:0.5em;
2368 margin-bottom:0.5em;
2376 div.headingbox, h3.headingbox, a.headingbox{
2377 border:1px #cccccc solid;
2379 background-color: #eeeeee;
2380 text-decoration:none;
2385 div.contentbox, input-form{
2388 border-left:1px #cccccc solid;
2389 border-right:1px #dddddd solid;
2390 border-bottom:1px #cccccc solid;
2392 background-color: #ffffff;
2397 border:1px solid #a50707;
2405 ul.social_inline_menu{
2406 background-color: #eeeeee;
2407 border:thin #cccccc solid;
2413 border:thin solid #cccccc;
2434 .people-you-may-know{
2445 padding-bottom:0.2em;
2468 /* relative image size styles */
2474 input.img1616, img.img1616{
2487 input[type=image].fl-force-right{
2504 /* Photo Album Styles
2522 padding-right: 0.5em;
2534 background: #F7F7F7;
2535 border: 1px solid #D2D2D2;
2538 -moz-border-radius: .5em .5em .5em .5em;
2539 /* -moz-box-shadow:.2em .2em .1em #999999;
2540 box-shadow: .2em .2em .1em #999999;*/
2543 div.album_panel div.photo_wrapper {
2544 /* This class is to fix the problem where the images shift
2545 * to the right when there is a border upon selection
2550 div.album_panel .photo_frame{
2557 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2562 background: #FCE6C9;
2564 div.album_panel .photo_frame img{
2565 background: #FFFFFF;
2566 border: 1px solid #D2D2D2;
2569 div.album_panel .album_description{
2576 /* background-image: url('images/search_bg.png');
2577 background-repeat: no-repeat; */
2578 background-color:#ffffff;
2579 border:thin solid #cccccc;
2586 -moz-border-radius:.8em .8em .8em .8em;
2587 /* -moz-box-shadow:.2em .2em .1em #999999;
2588 box-shadow: .2em .2em .1em #999999;*/
2597 div.search_bar .s_img{
2600 margin-top: 0.375em;
2601 margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2602 margin-right: 0.4em;
2606 background: #FFFFFF;
2608 border: 1px solid #D2D2D2;
2612 border-radius:.5em .5em .5em .5em;
2613 -moz-border-radius: .5em .5em .5em .5em;
2614 /* -moz-box-shadow:.2em .2em .1em #999999;
2615 box-shadow: .2em .2em .1em #999999;*/
2625 div.album .image img.no-image {
2629 background-color: #EFEFEF;
2635 div.album .info span{
2643 div.album .search_photo_frame{
2650 border: 1px solid #d3d3d3;
2653 div.album .search_slider{
2656 position: relative; /* ie7 */
2658 div.album .search_slider_left{
2662 div.album .search_slider_right{
2667 div.album .search_slider ul {
2668 list-style-type: none;
2674 div.album .search_slider ul li{
2677 div.album .search_slider_a{
2680 div.album .search_slider_p{
2681 width: 730px; /* 146 per frame, 5 frame per row */
2683 div.album .search_slider_p ul li{
2684 /* height: 576px; /* 144 per frame, 4 row */
2685 width: 730px; /* 146 per frame, 5 frame per row */
2687 div.album .search_paginator {
2693 background: #F7F7F7;
2694 border: 1px solid #D2D2D2;
2697 -moz-border-radius: .3em .3em .3em .3em;
2704 div.add_photo .toggle_uploader{
2708 div.add_photo div#ajax_uploader{
2712 div.add_photo .files .tn {
2718 div.add_photo ul li{
2724 border-bottom: 1px solid #ddd;
2725 /* display: inline; */
2727 div.add_photo p.memory_usage {
2733 div.add_profile_photo{
2735 background: #F7F7F7;
2736 border: 1px solid #D2D2D2;
2739 -moz-border-radius: .5em .5em .5em .5em;
2740 /* -moz-box-shadow:.2em .2em .1em #999999;
2741 box-shadow: .2em .2em .1em #999999;*/
2745 div.add_profile_photo .profile_photo{
2750 div.add_profile_photo .uploader{
2754 border-bottom: 1px solid #ddd;
2758 background: #F7F7F7;
2760 border: 1px solid #D2D2D2;
2765 -moz-border-radius: .5em .5em .5em .5em;
2767 div.photo_panel img{
2768 background: #FFFFFF;
2769 border: 1px solid #D2D2D2;
2772 div.photo_panel div.ordering{
2775 div.photo_panel div.paginator{
2778 div.photo_panel .flc-inlineEditable{
2782 padding-bottom: 0.5em;
2785 background: #FFFFFF;
2787 border: 1px solid #D2D2D2;
2790 border-radius: .3em .3em .3em .3em;
2791 -moz-border-radius: .3em .3em .3em .3em;
2792 /* -moz-box-shadow:.2em .2em .1em #999999;
2793 box-shadow: .2em .2em .1em #999999;*/
2796 div.comment_panel .comment_feeds{
2800 div.comment_panel .photo_actions{
2803 background: #F7F7F7;
2806 border:thin solid #cccccc;
2808 -moz-border-radius: .3em .3em .3em .3em;
2810 .row textarea#comment_template, textarea#comment_template active{
2811 background-color:#eeeeee;
2812 border:thin solid #eeeeee;
2813 border:thin solid #cccccc;
2816 -moz-border-radius: .3em .3em .3em .3em;
2818 .row textarea#comment{
2819 background-color:#ffffff;
2820 border:thin solid #eeeeee;
2821 border:thin solid #cccccc;
2824 -moz-border-radius: .3em .3em .3em .3em;
2826 div.comment_panel textarea{
2835 padding-bottom: 0.5em;
2836 background: #F7F7F7;
2838 div.comment_box .comment_actions{
2845 div.edit_photo_frame{
2849 background: #F7F7F7;
2850 border:thin solid #cccccc;
2852 -moz-border-radius: .5em .5em .5em .5em;
2856 border: 1px solid #D2D2D2;
2859 margin-bottom: 0.8em;
2863 -moz-border-radius: .3em .3em .3em .3em;
2865 div.edit_photo_box .info{
2871 background-color: #eeeeee;
2872 border:thin solid #cccccc;
2874 -moz-border-radius: .3em .3em .3em .3em;
2877 div.edit_photo_box .info textarea.alt_text{
2880 div.edit_photo_box .info textarea{
2883 div.edit_photo_box .action{
2885 background: #F7F7F7;
2888 border:thin solid #cccccc;
2890 -moz-border-radius: .3em .3em .3em .3em;
2894 /* FLUID Image Reorderer */
2895 .fl-imageReorderer-item {
2897 .fl-reorderer-movable-hover a{
2899 background-color: #ECEECC;
2901 .fl-reorderer-movable-dragging a{
2902 background-color: #ECEECC;
2904 .fl-reorderer-dropMarker {
2905 border: 2px solid red;
2909 .fl-reorderer-avatar {
2911 filter:alpha(opacity=60);
2915 /* FLUID Simple Inline Editor */
2916 .fl-inlineEdit-invitation {
2917 background-color: #FFECB3 !important;
2918 border: 1px solid #CCC !important;
2920 .fl-inlineEdit-focus {
2921 border: 2px solid #777777;
2927 text-decoration:none;
2931 vertical-align:middle;
2934 /*social networking box on admin page */
2940 /* End Photo Album Styles