1 /* Style is optimized for blackberry devices. Classes beginning with ".fl-" are overriding Mobile FSS,
2 see the API @ http://wiki.fluidproject.org/display/fluid/Mobile+FSS+API
28 color:#3866C4 !important;
31 #header-section-title {
33 background-color:#fff; /*testing - joel*/
34 color:#3866C4 !important;
36 font-size:18px !important;
39 /*.fl-theme-blackberry .fl-navbar{
45 .fl-navbar {border:none !important;}
48 /*background-image: -webkit-gradient(linear, left top, left bottom,
50 color-stop(0.5, #6d8cb3),
51 color-stop(0.50, #4b6b90),
52 color-stop(0.5, #6d8cb3),
60 background-color: #F4F4F4;
61 border: 1px solid #999;
66 #navigation-contentwrapper{
68 background-color: #F4F4F4;
69 border: 1px solid #999;
86 #site-name, h1#section-title{
87 /* Armin 31.08.2010: Remove display: inline to make heading 1 show on Blackberry */
93 #site-name {padding-bottom:4px;}
95 /*this CSS creates a button that looks exactly like a Mobile FSS tab.*/
97 #topnavlist-link a:link {color:red !important;}
99 .navigation-bar-button {
100 /* -webkit-border-radius: 5px;*/
108 text-decoration:underline;}
111 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
112 /* background-image: -webkit-gradient(linear, left top, left bottom,
114 color-stop(0.5, #374e6b),
115 color-stop(0.50, #354d68),
118 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
119 -webkit-border-left-image: none;
120 -webkit-background-origin: border;
121 -webkit-background-clip: border;
122 /* to mimick the mobile FSS scolor scheme (iphone) uncomment these lines
123 background-image: -webkit-gradient(linear, left top, left bottom,
125 color-stop(0.5, #6d8cb3),
126 color-stop(0.50, #4b6b90),
131 .navigation-bar-button a {color:#000;}
134 .fl-theme-iphone .fl-tabs li{
135 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
136 /*background-image: -webkit-gradient(linear, left top, left bottom,
138 color-stop(0.5, #374e6b),
139 color-stop(0.50, #354d68),
144 div#content-link-container{
145 background-color:#F5F5F5;
147 border: #A9ADB0 solid 1px;
148 /*-webkit-border-radius: 2px;*/
157 font-size: 17px;/*keep this in px*/
165 /* main body attributes */
175 text-decoration: underline;
180 background-color: transparent;
184 background-color: transparent;
187 h1, h2, h3, h4, h5, h6 {
190 font: 100% Helevetica, Arial, sans-serif;
211 padding-bottom: 0.5em;
216 text-decoration: none;
233 /* Preferences tabs */
234 .etabbed-list-container {
248 padding:0.5em 0.3em 0;
255 padding:0.7em 0.3em 0;
266 /* Table of content attributes*/
268 font-family: Verdana, Helevetica, Arial, sans-serif;
269 background-color: #E9F4F3;
275 border: 1px #ACCFCC solid;
279 /* link attributes */
282 text-decoration: underline;
286 text-decoration: underline;
290 text-decoration: underline;
292 /* align text to the left */
300 text-decoration: none;
306 border: 1px #595241 solid;
309 /* main submit button */
311 background-color: #3866C4 !important;
315 border: #153877 solid 1px;
317 /*-webkit-border-radius:3px;*/
318 padding-top: 0.313em;
319 padding-bottom: 0.313em;
327 /* small submit button at top */
329 font-family: Verdana, Helevetica, Arial, sans-serif;
330 background-color: #3866C4;
334 background-color: #3866C4;
335 border: #ACCFCC solid 1px;
338 /* date attributes */
340 font-family: Verdana, Helevetica, Arial, sans-serif;
344 margin-left: 0.313em;
352 background-color: white;
356 /* message box styles */
358 /* Editor box small */
360 font-family: Verdana, Helevetica, Arial, sans-serif;
361 background-color: #E9F4F3;
363 padding-right: .188em;
364 border: 1px #ACCFCC solid;
367 /* Editor box large */
369 font-family: Verdana, Helevetica, Arial, sans-serif;
370 background-color: #E9F4F3;
375 padding-bottom: .4em;
376 border: 1px #ACCFCC solid;
381 font-family: Verdana, Helevetica, Arial, sans-serif;
384 .highlight, a.highlight {
385 background-color: #5B8E88;
390 background-color: #5B8E88;
399 /* edit content tabs */
401 background-color: #E6E6E6;
404 padding-left: .188em;
405 padding-right: .188em;
412 background-color: #E6E6E6;
413 border-top: 1px #B8AE9C solid;
414 border-left: 1px #B8AE9C solid;
415 border-right: 1px #B8AE9C solid;
416 text-decoration: none;
422 .buttontab selected {
423 font-family: Helvetica, Arial, Helvetica, sans-serif;
424 background-color: #6F7172;
427 padding-left: .188em;
428 padding-right: .188em;
433 font-family: Helvetica, Arial, Helvetica, sans-serif;
435 text-decoration: none;
437 background-color: white;
438 border-top: 1px #B8AE9C solid;
439 border-left: 1px #B8AE9C solid;
440 border-right: 1px #B8AE9C solid;
443 background-color: #fffaf0;
444 border:1px #6F7172 solid;
448 .tab a:link, .etab a:visited {
450 background-color: white;
455 background-color: white;
459 background-color: #6F7172;
469 background-color: #FFFDE0;
473 background-color: #FFFDE0;
479 td.dropdown-heading {
480 background-color: #DBFDD4;
482 border-left: 1px solid #ECFEEA;
483 border-right: 1px solid #ECFEEA;
484 border-top: 1px solid #ECFEEA;
489 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
490 text-decoration: none;
493 td.dropdown-heading.closed {
494 border-bottom: 1px solid #ECFEEA;
497 /* the side menu content */
500 background-color: white;
502 border-left: 1px solid #ECFEEA;
503 border-right: 1px solid #ECFEEA;
504 border-bottom: 1px solid #ECFEEA;
507 td.dropdown a, td.dropdown a:visited {
509 text-decoration: none;
511 td.dropdown a:hover {
513 text-decoration: underline;
522 /* added for 1.4.2: */
524 padding-left: 1.25em;
529 margin-bottom: 0.313em;
532 margin-left: 0.313em;
539 p.search-description {
540 background-color: #FFFCE5;
545 background-color: #F7F3ED;
547 border-left: 1px solid #595241;
548 border-right: 1px solid #595241;
549 border-top: 1px solid #595241;
559 border:thin black solid;
561 table.tabbed-table th#left-empty-tab {
562 background-color: transparent;
564 border-bottom: 1px solid #B8AE9C;
566 table.tabbed-table th#right-empty-tab {
568 background-color: transparent;
569 border-bottom: 1px solid #B8AE9C;
571 padding-right: 0.313em;
573 table.tabbed-table th#right-empty-tab a {
574 text-decoration: underline;
576 table.tabbed-table th.tab-spacer {
577 background-color: transparent;
579 border-bottom: 1px solid #B8AE9C;
582 table.tabbed-table th.tab {
583 padding-top: 0.125em;
584 padding-bottom: 0.125em;
586 background-color: #E9F4F3;
587 border-bottom: 1px solid #B8AE9C;
588 border-left: 1px solid #B8AE9C;
589 border-top: 1px solid #B8AE9C;
590 border-right: 1px solid #B8AE9C;
592 table.tabbed-table th.tab:hover {
593 background-color: #ACCFCC;
596 table.tabbed-table th.tab a:focus {
599 table.tabbed-table th.selected {
600 padding-top: 0.125em;
601 padding-bottom: 0.125em;
603 background-color: #ACCFCC;
604 border-left: 1px solid #B8AE9C;
605 border-top: 1px solid #B8AE9C;
606 border-right: 1px solid #B8AE9C;
609 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
611 text-decoration: none;
615 .preference-buttons-container{
616 background-color: red;
622 div.preference-buttons-container li{
639 font-family: monospace;
640 border: 2px solid rgb(0, 0, 0);
643 color: rgb(255, 255, 255);
644 background-color: rgb(0, 0, 0);
648 border-bottom-width: 0;
656 #display-settings-preview{
665 #defaultfontsize-wrapper{
669 /* end of preferences */
673 padding-left: 0.938em;
674 background-repeat: no-repeat;
675 background-position: 0.125em 0.313em;
679 padding-left: 1.25em;
680 background-image: url(images/back.gif);
681 background-repeat: no-repeat;
682 background-position: 0 0;
685 .breadcrumbs, .previous-next /*a#guide*/{
686 /* The path bar, including breadcrumbs and add to favorites */
691 background-color: white;
694 #breadcrumbs-container{
695 background-color: #4d4d4d;
706 margin-bottom: 0.313em;
712 border-left: 1px solid black;
713 border-right: 1px solid black;
714 border-bottom: 1px solid black;
715 padding-left: 0.313em;
716 padding-right: 0.313em;
717 padding-bottom: 0.313em;
718 background-color: #F7F3ED;
719 margin-left: 0.313em;
720 margin-right: 0.313em;
725 margin-left: 0.313em;
726 margin-right: 0.313em;
727 border-left: 1px solid black;
728 border-right: 1px solid black;
730 background-color: #F7F3ED;
733 border-bottom: 1px solid black;
742 padding-left: 0.625em;
752 /* moved inside of #footer for mobile theme */
757 /*background-color: #4b6b90;*/
764 div#top-links a:link, div#top-links a:visited {
765 text-decoration:none;
769 background-color:#F6EAD6;
776 background-color: #F7F3ED;
777 padding-top: 0.063em;
778 padding-bottom: 0.063em;
779 padding-left: 0.938em;
780 padding-right: 0.5em;
781 border: 1px solid #cccccc;
783 text-decoration: none;
786 a#editor-link:hover {
787 background-color: #F7F3ED;
788 border: 1px solid #B8AE9C;
792 background-image: url(images/pen.gif);
793 background-repeat: no-repeat;
794 background-position: 0 0.125em;
797 background-image: url(images/pen2.gif);
798 background-repeat: no-repeat;
799 background-position: 0 0.125em;
803 /* for data tables */
810 /*-webkit-border-radius:5px;*/
811 border: #6D7B8D 1px solid;
814 /* contains the headings */
822 background-image: url('../default/images/sort.gif');
823 background-repeat: no-repeat;
824 background-position: right;
828 border-top: 1px solid #B8AE9C;
829 border-bottom: 1px solid #B8AE9C;
832 table.data tbody th {
843 table.data td a:link, a:visited{
846 table.data tbody tr:hover {
847 background-color: #efefef;
851 table.data tbody tr.selected {
852 background-color: #E9F4F3;
857 background-color: #F7F3ED;
860 table.data tfoot tr:first-child td {
862 background-image: url('images/arrow_ltr.gif');
863 background-repeat: no-repeat;
864 background-position: .25em 0.313em;
867 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
868 border-top: 1px solid #B8AE9C;
870 background-image: none;
874 /* add borders to row in Required Information, Personal Information*/
877 border-bottom: 1px #cccccc solid;
880 #last-row, .row-buttons, #last-row1, .row-blurb{
883 #browse-courses-table{
889 table.data tfoot input {
890 background-color: #efefef;
892 border: #AAA solid 1px;
894 table.data tfoot input:focus {
895 background-color: #FFDAB9;
896 border: #AAA solid 1px;
900 /* used for static tables with no form elements: */
901 table.data.static tbody tr:hover {
902 background-color: transparent;
908 /* course browser: */
916 div.browse-selected {
917 background-image: url('images/side_arrow.gif');
918 background-repeat: no-repeat;
919 padding-left: 0.563em;
920 background-position: center left;
923 div.browse-unselected {
924 padding-left: 0.563em;
932 /* feedback /errors */
938 margin-bottom: 0.938em;
941 background-color: #FFFBD9;
942 padding-left: 1.563em;
944 /*-webkit-border-radius:5px;*/
951 div#error ul, div#feedback ul, div#help ul {
962 div#feedback, div#info {
967 padding-left: 0.313em;
968 padding-right: 0.313em;
969 font-family: Helvetica, Arial, sans-serif;
970 /*-webkit-border-radius:5px;*/
971 background-color: #FFFBD9;
976 div#feedback li, div#info li, div#error li{
986 margin-bottom: 0.938em;
987 border: 1px solid #ACCFCC;
989 background-color: #E9F4F3;
999 margin-bottom: 0.938em;
1001 background-color: #FFFBD9;
1013 div.news span.date {
1014 font-family:Helevetica, Arial, sans-serif;
1021 /* home page links */
1030 div.home-link:hover {
1032 background-color: #F7F3ED;
1033 border: 1px solid #afafaf;
1039 text-decoration: none;
1047 /* sequence links */
1048 div#sequence-links {
1050 margin-top: 0.625em;
1051 padding-right: 0.313em;
1052 padding-top:0.438em;
1054 div#sequence-links a {
1055 text-decoration: none;
1065 background-color: white;
1067 border-left: 1px solid #ECFEEA;
1068 border-right: 1px solid #ECFEEA;
1069 border-bottom: 1px solid #ECFEEA;
1070 font-weight: normal;
1073 div.dropdown-heading {
1074 background-color: #ACCFCC;
1076 border-left: 1px solid #ECFEEA;
1077 border-right: 1px solid #ECFEEA;
1078 border-top: 1px solid #ECFEEA;
1089 margin-top: -0.313em;
1091 padding-right: 0.125em;
1095 margin-left: 0.313em;
1097 /*needs to be set to display: none so drawer can open */
1102 background-color: #F5F5F5;
1111 /*font-size: small;*/
1128 padding-left: 0.125em;
1129 padding-right: 0.125em;
1136 text-decoration: none;
1137 padding-left: 0.25em;
1138 padding-right: 0.25em;
1139 border-left: 1px solid white;
1140 border-right: 1px solid white;
1143 div.paging li a:hover, div.paging li a.current {
1144 background-color: #5B8E88;
1145 border-left: 1px solid #000;
1146 border-right: 1px solid #000;
1152 background-image:url(images/tl_corner.gif);
1153 background-position: top left;
1154 background-repeat: no-repeat;
1159 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1160 background-color: transparent;
1161 border-collapse: collapse;
1162 border-bottom: 1px solid #B8AE9C;
1163 padding: 0.5em 0em 0em 2em;
1164 white-space: nowrap;
1168 /* The normal, unselected tabs. They are all links */
1169 background-color: transparent;
1170 border-color: #B8AE9C;
1172 border-style: solid solid none solid;
1175 margin-right: 0.5em;
1176 padding: 0em 2em 0em;
1180 div.tabs a.selected {
1181 /* The selected tab. There's only one of this */
1182 background-color: white;
1183 border-bottom: #B8AE9C 1px solid;
1185 font-weight: normal;
1188 div.tabs a:hover, div.tabs a.active {
1189 background-color: #B8AE9C;
1190 border-bottom: 1px solid #B8AE9C;
1196 text-decoration:underline;
1201 background-color: #F5F5F5;
1207 background-color: #F5F5F5;
1208 text-decoration: none;
1211 background-image:url("images/content-arrow-down.png");
1212 background-position: top right;
1213 background-repeat: no-repeat;
1216 background-image:url("images/content-arrow-up.png");
1217 background-position: center right;
1218 background-repeat: no-repeat;
1223 background-color: #F5F5F5;
1225 border: 1px solid #B8AE9C;
1227 font-weight: normal;
1232 background-color: #6F7172;
1233 border: 1px solid #B8AE9C;
1234 border-style: solid solid none solid;
1236 padding: 0em 1em 0em 1em;
1243 text-decoration: none;
1248 text-decoration: none;
1252 text-decoration: underline;
1266 text-transform: none;
1267 border-left: 1pt solid #B8AE9C;
1280 background-color: #F7F3ED;
1284 background-color: transparent;
1288 /* users/index.php */
1294 border: rgb(204, 204, 204) 1px solid;
1295 background-color: #F7F7F7;
1307 font-weight: normal;
1313 background-color:#F3F6FA;
1314 border: #B8AE9C 1px solid;
1318 table.data .odd img.headicon{
1321 /*-webkit-border-radius:5px;*/
1325 /*-webkit-border-radius:10px;*/
1326 border-color: white;
1331 div.course div.shortcuts {
1334 vertical-align: middle;
1338 fieldset#shortcuts {
1340 background-color: #FEFDEF;
1341 /*border: 1pt solid #B8AE9C;*/
1342 margin: -5pt 5pt 5pt 5pt;
1343 padding-right: 10pt;
1344 padding-bottom: 5pt;
1353 margin-bottom: 10pt;
1354 /*-webkit-border-radius:5px;*/
1360 /*border:thin #6D7B8D solid;*/
1370 list-style-type: none;
1374 /*a#guide,*/ a#my-courses-link {
1375 background-color: #6D84A2;
1390 div#content-text li {
1394 div#content-test, div.content-from-module {
1401 div#content-test ol{
1405 div#content-test ol ul li{
1407 padding: 0 0.125em 0 0.938em;
1408 margin-bottom: 0.063em;
1410 background-color: #fdfdfd;
1411 border-bottom: 1px solid #efefef;
1412 border: 1px solid #eeeeff;
1432 padding-bottom: 0.625em;
1433 padding-right: 0.625em;
1435 margin-top: 0.625em;
1436 padding-right: 0.313em;
1446 min-width: 10.625em;
1450 background-color: #F6EAD6;
1451 border-bottom: .05em solid #6F7172;
1460 min-height: 10.625em;
1467 ul#home-links, ul#home-detail-links {
1482 ul#home-links li a {
1483 text-decoration: none;
1484 border: 1px transparent;
1487 ul#home-links li a img {
1490 padding-left:1.563em;
1494 #my_courses_container{
1500 #my-courses-navlist{
1503 border: solid 1px #A9ADB0;
1504 /*-webkit-border-radius:5px;*/
1510 .my-courses-list-ul{
1523 padding-left: 0.875em;
1524 padding-bottom: 0.875em;
1527 .fl-list-menu li a {
1529 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a {
1531 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1543 background-color:#F3F6FA;
1550 list-style-type: none;
1562 /* enrollment tabs */
1568 margin-bottom: .25em;
1569 margin-top: 0.938em;
1570 white-space: nowrap;
1580 padding: 0.188em 0.563em;
1581 border: 1px solid #F7F3ED;
1582 border-bottom: none;
1583 background-color: #F7F3ED;
1584 text-decoration: none;
1586 white-space: nowrap;
1589 #navlist li a:hover, #navlist li a:active {
1591 background-color: #fff;
1596 vertical-align: middle;
1613 dl#public-profile dt {
1616 border-right: 1px solid #F7F3ED;
1617 padding: 0.313em 0.313em 0.313em 0;
1619 margin-right: 0.313em;
1621 dl#public-profile dd {
1639 padding-bottom: .375em;
1642 border: 1px #cccccc solid;
1651 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1652 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1653 #forum-thread li.odd { background-color: #fff; }
1654 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1655 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1656 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1657 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1658 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1659 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1660 div.forum-post-ctrl a { text-decoration: none; }
1661 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1662 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1663 div.forum-post-content div.body p { margin-bottom:1em; }
1664 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1665 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1669 /** inbox stuff - reuses some of the forum layout **/
1670 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1672 /* tool list on admin home and manage screens */
1675 padding: 0.125em 0.125em 0.125em 0.938em;
1676 margin-bottom: 0.313em;
1678 border: solid 1px #A9ADB0;
1679 /*-webkit-border-radius:5px;*/
1681 li.top-tool a { font-weight: bold; } /* ol#tools>li>a */
1685 font-weight: normal;
1688 /* ol#tools>li>ul, */
1690 margin-top: -0.313em;
1695 ul.child-top-tool:before {
1701 margin-right: 0.313em;
1710 /* browse courses */
1713 padding-bottom: 0.625em;
1714 background-color: #fffaf0;
1715 border:1px #6F7172 solid;
1725 padding-bottom: 0.625em;
1726 background-color: #fffaf0;
1731 dl.browse-course dt {
1737 padding: 0.313em 0.625em 0.313em 0;
1738 vertical-align: middle;
1741 dl.browse-course dd {
1742 margin-bottom: 0.313em;
1744 padding: 0.313em 0 0.313em 0.625em;
1752 /* form fields grouping for WCAG 2.0 conformance*/
1754 fieldset.group_form{
1758 /*border: 1px #6D7B8D solid;*/
1759 /*-webkit-border-radius:5px;*/
1763 background-color:white;
1767 /*border: 1px #6D7B8D solid;*/
1768 /*-webkit-border-radius:5px;*/
1782 /* highlight active links for WCAG 2.0 conformance */
1783 a:active,a:hover,a:focus{
1784 background-color:#F6EAD6;
1789 /*Added by Silvia */
1790 div.column_primary {
1795 min-width: 10.625em;
1796 /* position: relative;*/
1799 div.column_equivalent{
1802 margin-left: 0.938em;
1803 margin-top: 0.313em;
1804 margin-right: 0.313em;
1805 margin-bottom: 0.313em;
1806 min-width: 10.625em;
1808 border: 1px solid #EEE;
1809 background-color: #FFF;
1810 /* position: relative;*/
1815 border: 1px solid #aaa;
1820 background-color: #eee;
1821 /* position: relative;*/
1830 div.alternative_box{
1831 border: 1px solid #ddd;
1836 background-color: #fff;
1839 div.alternative_box legend {
1843 div.resource_box legend {
1849 font-weight: bolder;
1850 background-color: white;
1853 /* format of "table of contents" on content page */
1854 #toc a { display:block; margin:0.188em; }
1855 #toc a:hover, a:focus {color:#fff; background-color:#3866C4;}
1856 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1860 #toc .h2 {font-size:80%;
1861 padding:0.8em 0 0 1em;}
1863 #toc .h3 {font-size:80%; font-weight:normal;
1867 padding-bottom:-1em;
1870 div#content-text {margin-top:-0.5em;}
1873 /*background-color: #B8AE9C;*/
1874 /*border: 1pt solid #B8AE9C;*/
1876 background-color:#E8EEF7;
1880 font-family:Arial,Helvetica,sans-serif;
1889 padding-bottom: 0.5em;
1893 #content-text blockquote {
1894 border-bottom:2px solid black;
1895 border-top:2px solid black;
1901 margin:0.5em 1.5em 0.5em 0;
1909 /* cleans up glossary question mark line spacing*/
1911 border: 1pt solid #B8AE9C;
1912 vertical-align:bottom;
1916 /* jQuery tooltip styles */
1920 border:3px solid #111;
1921 background-color:#eeeeee;
1924 #tooltip h3,#tooltip div{
1928 /* style for home page modules "detail view" */
1954 background-image:url(images/details_r.png);
1955 background-position: top right;
1956 background-repeat:no-repeat;
1962 background-image:url(images/details_l.png);
1963 background-position: top left;
1964 background-repeat:no-repeat;
1970 background-image:url(images/details_ir.png);
1971 background-position: top right;
1972 background-repeat:no-repeat;
1977 background-image:url(images/details_il.png);
1978 background-position: top left;
1979 background-repeat:no-repeat;
1990 .draggable_selected {
1991 background-color: lightgrey;
1998 border:1px solid #cccccc;
2001 list-style: disc url(../../images/folder.gif) outside;
2002 font-family: Verdana, Helevetica, Arial, sans-serif;
2008 li.folders .disabled {
2013 list-style-image:none;
2014 list-style-position:outside;
2015 list-style-type:none;
2021 /* top navigation */
2025 text-decoration: none;
2029 background-image:url(images/tree/tree_collapse.gif);
2030 background-repeat:no-repeat;
2031 background-position: center right;
2033 /*border: thin solid red;*/}
2035 #topnavlist-link a:link {color:#5984C4;}
2043 background-color:#fff;
2051 ul#topnavlist li a.active {
2056 #topnavlist a:hover {color:#3866c4 !important;
2057 text-decoration:underline !important;
2058 background-color:transparent;}
2060 ul#topnavlist li a {
2062 text-decoration: none;
2069 border:thin solid #e8e8e8;
2076 padding-bottom: 0.313em;
2086 ul#subnavlist li#test{
2089 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{ /*
2091 text-decoration:none;*/
2094 ul#subnavlist li a, ul#subnavlist li a:visited {
2099 /* list attributes */
2108 ol#tools>li:hover, ol#tools>li:hover a {
2109 border: 1px solid #e0e0e0;
2110 background-color: #e6e6e6;
2115 #content-contentwrapper{
2126 margin-left: 0.313em;
2127 margin-top:-0.625em;
2131 font-size: 0.5em color:#333;
2144 /* ATutor Social Styles */
2146 div .profile_container {
2147 background-color:#eee;
2148 border: 1px solid #8e8e8e;
2151 margin-bottom: 0.5em;
2154 div .profile_container .top_right {
2158 dl.public-profile dd{
2161 dl.public-profile dt {
2172 div .search_form .row{
2173 background-color: #DEDEC0;
2177 background-color: #eee;
2178 border: 1px solid #aaa;
2181 background-color: #cccccc;
2188 ul.social_side_menu {
2191 ul.social_side_menu li {
2192 padding-bottom: 0.2em;
2197 border-bottom:1px solid #C1C157;
2198 padding-bottom:0.5em;
2199 margin-bottom:0.5em;
2207 div.contentbox, input-form{
2210 background-color: #ffffff;
2212 /*border: #A9ADB0 solid 1px;
2213 /*-webkit-border-radius: 5px;*/
2217 border:1px solid #a50707;
2218 margin-left:0.625em;
2225 ul.social_inline_menu{
2226 background-color: #eeeeee;
2227 border:thin #cccccc solid;
2241 padding-bottom:0.2em;
2250 /* Overrides for external stylesheets */
2254 -moz-background-clip:none;
2255 -moz-background-clip: none;
2256 -moz-background-origin: none;
2259 #top-links .fl-tabs li a{
2263 .recent_item {padding-bottom:1em;}