1 /* Style is optimized for iphone. Note that -webkit properties
2 create errors in the CSS validator.
3 Classes beginning with ".fl-" are overriding Mobile FSS,
4 see the API @ http://wiki.fluidproject.org/display/fluid/Mobile+FSS+API
11 padding-bottom: 2.3em;
32 #header-section-title {
34 background-image: -webkit-gradient(linear, left top, left bottom,
36 color-stop(0.5, #6d8cb3),
37 color-stop(0.50, #4b6b90),
38 color-stop(0.5, #6d8cb3),
43 .fl-theme-iphone .fl-navbar{
50 background-image: -webkit-gradient(linear, left top, left bottom,
52 color-stop(0.5, #6d8cb3),
53 color-stop(0.50, #4b6b90),
54 color-stop(0.5, #6d8cb3),
62 border-top: 1px solid black;
63 border-bottom: .5px solid black;
64 background-color: #4b6b90;
68 #navigation-contentwrapper{
70 background-color: #4b6b90;
76 border-bottom: .5px solid black;
88 #site-name, h1#section-title{
96 /*this CSS creates a button that looks exactly like a Mobile FSS tab.*/
97 .navigation-bar-button{
99 -webkit-border-radius: 5px;
100 font-size: 18px;/*keep this in px*/
106 /* default mobile fss color scheme for tabs not AA compliant. Here is a compliant bg image: */
107 background-image: -webkit-gradient(linear, left top, left bottom,
109 color-stop(0.5, #374e6b),
110 color-stop(0.50, #354d68),
113 -webkit-border-image: url(images/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
114 -webkit-border-left-image: none;
115 -webkit-background-origin: border;
116 -webkit-background-clip: border;
117 /* to mimick the mobile FSS scolor scheme (iphone) uncomment these lines
118 background-image: -webkit-gradient(linear, left top, left bottom,
120 color-stop(0.5, #6d8cb3),
121 color-stop(0.50, #4b6b90),
126 .fl-theme-iphone .fl-tabs li{
127 /* default mobile fss color scheme for tabs not AA compliant against a white foreground text.therefore its backgroud-image must be overrided */
128 background-image: -webkit-gradient(linear, left top, left bottom,
130 color-stop(0.5, #374e6b),
131 color-stop(0.50, #354d68),
136 div#content-link-container{
137 background-color:#F5F5F5;
139 border: #A9ADB0 solid 1px;
140 -webkit-border-radius: 2px;
149 font-size: 17px;/*keep this in px*/
155 /* main body attributes */
165 text-decoration: underline;
170 background-color: transparent;
174 background-color: transparent;
177 h1, h2, h3, h4, h5, h6 {
180 font: 100% Verdana, Helvetica, Arial, sans-serif;
203 text-decoration: none;
220 /* Preferences tabs */
221 .etabbed-list-container {
235 padding:0.5em 0.3em 0;
242 padding:0.7em 0.3em 0;
253 /* Table of content attributes*/
255 font-family: Verdana, Helevetica, Arial, sans-serif;
256 background-color: #E9F4F3;
262 border: 1px #ACCFCC solid;
266 /* link attributes */
269 text-decoration: underline;
273 text-decoration: underline;
277 text-decoration: underline;
279 /* align text to the left */
287 text-decoration: none;
293 border: 1px #595241 solid;
296 /* main submit button */
298 background-color: #808080;
302 -webkit-border-radius:3px;
303 padding-top: 0.313em;
304 padding-bottom: 0.313em;
308 border:1px solid #A50707;
309 background-color: #FFDAB9;
311 /* small submit button at top */
313 font-family: Verdana, Helevetica, Arial, sans-serif;
314 background-color: #E9F4F3;
318 background-color: #E9F4F3;
319 border: #ACCFCC solid 1px;
322 /* date attributes */
324 font-family: Verdana, Helevetica, Arial, sans-serif;
328 margin-left: 0.313em;
336 background-color: white;
340 /* message box styles */
342 /* Editor box small */
344 font-family: Verdana, Helevetica, Arial, sans-serif;
345 background-color: #E9F4F3;
347 padding-right: .188em;
348 border: 1px #ACCFCC solid;
351 /* Editor box large */
353 font-family: Verdana, Helevetica, Arial, sans-serif;
354 background-color: #E9F4F3;
359 padding-bottom: .4em;
360 border: 1px #ACCFCC solid;
365 font-family: Verdana, Helevetica, Arial, sans-serif;
368 .highlight, a.highlight {
369 background-color: #5B8E88;
374 background-color: #5B8E88;
383 /* edit content tabs */
385 background-color: #E6E6E6;
388 padding-left: .188em;
389 padding-right: .188em;
396 background-color: #E6E6E6;
397 border-top: 1px #B8AE9C solid;
398 border-left: 1px #B8AE9C solid;
399 border-right: 1px #B8AE9C solid;
400 text-decoration: none;
406 .buttontab selected {
407 font-family: Helvetica, Arial, Helvetica, sans-serif;
408 background-color: #6F7172;
411 padding-left: .188em;
412 padding-right: .188em;
417 font-family: Helvetica, Arial, Helvetica, sans-serif;
419 text-decoration: none;
421 background-color: white;
422 border-top: 1px #B8AE9C solid;
423 border-left: 1px #B8AE9C solid;
424 border-right: 1px #B8AE9C solid;
427 background-color: #fffaf0;
428 border:1px #6F7172 solid;
432 .tab a:link, .etab a:visited {
434 background-color: white;
439 background-color: white;
443 background-color: #6F7172;
453 background-color: #FFFDE0;
457 background-color: #FFFDE0;
463 td.dropdown-heading {
464 background-color: #DBFDD4;
466 border-left: 1px solid #ECFEEA;
467 border-right: 1px solid #ECFEEA;
468 border-top: 1px solid #ECFEEA;
473 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
474 text-decoration: none;
477 td.dropdown-heading.closed {
478 border-bottom: 1px solid #ECFEEA;
481 /* the side menu content */
484 background-color: white;
486 border-left: 1px solid #ECFEEA;
487 border-right: 1px solid #ECFEEA;
488 border-bottom: 1px solid #ECFEEA;
491 td.dropdown a, td.dropdown a:visited {
493 text-decoration: none;
495 td.dropdown a:hover {
497 text-decoration: underline;
506 /* added for 1.4.2: */
508 padding-left: 1.25em;
513 margin-bottom: 0.313em;
516 margin-left: 0.313em;
523 p.search-description {
524 background-color: #FFFCE5;
529 background-color: #F7F3ED;
531 border-left: 1px solid #595241;
532 border-right: 1px solid #595241;
533 border-top: 1px solid #595241;
543 border:thin black solid;
545 table.tabbed-table th#left-empty-tab {
546 background-color: transparent;
548 border-bottom: 1px solid #B8AE9C;
550 table.tabbed-table th#right-empty-tab {
552 background-color: transparent;
553 border-bottom: 1px solid #B8AE9C;
555 padding-right: 0.313em;
557 table.tabbed-table th#right-empty-tab a {
558 text-decoration: underline;
560 table.tabbed-table th.tab-spacer {
561 background-color: transparent;
563 border-bottom: 1px solid #B8AE9C;
566 table.tabbed-table th.tab {
567 padding-top: 0.125em;
568 padding-bottom: 0.125em;
570 background-color: #E9F4F3;
571 border-bottom: 1px solid #B8AE9C;
572 border-left: 1px solid #B8AE9C;
573 border-top: 1px solid #B8AE9C;
574 border-right: 1px solid #B8AE9C;
576 table.tabbed-table th.tab:hover {
577 background-color: #ACCFCC;
580 table.tabbed-table th.tab a:focus {
583 table.tabbed-table th.selected {
584 padding-top: 0.125em;
585 padding-bottom: 0.125em;
587 background-color: #ACCFCC;
588 border-left: 1px solid #B8AE9C;
589 border-top: 1px solid #B8AE9C;
590 border-right: 1px solid #B8AE9C;
593 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
595 text-decoration: none;
599 .preference-buttons-container{
600 background-color: red;
606 div.preference-buttons-container li{
623 font-family: monospace;
624 border: 2px solid rgb(0, 0, 0);
627 color: rgb(255, 255, 255);
628 background-color: rgb(0, 0, 0);
632 border-bottom-width: 0;
640 #display-settings-preview{
648 #defaultfontsize-wrapper{
652 /* end of preferences */
656 padding-left: 0.938em;
657 background-repeat: no-repeat;
658 background-position: 0.125em 0.313em;
662 padding-left: 1.25em;
663 background-image: url(images/back.gif);
664 background-repeat: no-repeat;
665 background-position: 0 0;
668 .breadcrumbs, .previous-next /*a#guide*/{
669 /* The path bar, including breadcrumbs and add to favorites */
674 background-color: white;
677 #breadcrumbs-container{
678 background-color: #4d4d4d;
689 margin-bottom: 0.313em;
695 border-left: 1px solid black;
696 border-right: 1px solid black;
697 border-bottom: 1px solid black;
698 padding-left: 0.313em;
699 padding-right: 0.313em;
700 padding-bottom: 0.313em;
701 background-color: #F7F3ED;
702 margin-left: 0.313em;
703 margin-right: 0.313em;
708 margin-left: 0.313em;
709 margin-right: 0.313em;
710 border-left: 1px solid black;
711 border-right: 1px solid black;
713 background-color: #F7F3ED;
716 border-bottom: 1px solid black;
725 padding-left: 0.625em;
735 /* moved inside of #footer for mobile theme */
740 background-color: #4b6b90;
747 div#top-links a:link, div#top-links a:visited {
748 text-decoration:none;
752 background-color:#F6EAD6;
759 background-color: #F7F3ED;
760 padding-top: 0.063em;
761 padding-bottom: 0.063em;
762 padding-left: 0.938em;
763 padding-right: 0.5em;
764 border: 1px solid #cccccc;
766 text-decoration: none;
769 a#editor-link:hover {
770 background-color: #F7F3ED;
771 border: 1px solid #B8AE9C;
775 background-image: url(images/pen.gif);
776 background-repeat: no-repeat;
777 background-position: 0 0.125em;
780 background-image: url(images/pen2.gif);
781 background-repeat: no-repeat;
782 background-position: 0 0.125em;
786 /* for data tables */
793 -webkit-border-radius:5px;
794 border: #6D7B8D 1px solid;
797 /* contains the headings */
805 background-image: url('../default/images/sort.gif');
806 background-repeat: no-repeat;
807 background-position: right;
811 border-top: 1px solid #B8AE9C;
812 border-bottom: 1px solid #B8AE9C;
815 table.data tbody th {
826 table.data td a:link, a:visited{
829 table.data tbody tr:hover {
830 background-color: #efefef;
834 table.data tbody tr.selected {
835 background-color: #E9F4F3;
840 background-color: #F7F3ED;
843 table.data tfoot tr:first-child td {
845 background-image: url('images/arrow_ltr.gif');
846 background-repeat: no-repeat;
847 background-position: .25em 0.313em;
850 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
851 border-top: 1px solid #B8AE9C;
853 background-image: none;
857 /* add borders to row in Required Information, Personal Information*/
860 border-bottom: 1px #cccccc solid;
863 #last-row, .row-buttons, #last-row1, .row-blurb{
866 #browse-courses-table{
872 table.data tfoot input {
873 background-color: #efefef;
875 border: #AAA solid 1px;
877 table.data tfoot input:focus {
878 background-color: #FFDAB9;
879 border: #AAA solid 1px;
883 /* used for static tables with no form elements: */
884 table.data.static tbody tr:hover {
885 background-color: transparent;
891 /* course browser: */
899 div.browse-selected {
900 background-image: url('images/side_arrow.gif');
901 background-repeat: no-repeat;
902 padding-left: 0.563em;
903 background-position: center left;
906 div.browse-unselected {
907 padding-left: 0.563em;
915 /* feedback /errors */
921 margin-bottom: 0.938em;
922 border: 1px solid #DD0000;
924 background-color: #F4DCDC;
926 background-color: #F4DCDC;
927 padding-left: 1.563em;
929 -webkit-border-radius:5px;
936 div#error ul, div#feedback ul, div#help ul {
947 div#feedback, div#info {
952 padding-left: 0.313em;
953 padding-right: 0.313em;
954 font-family: Helvetica, Arial, sans-serif;
955 -webkit-border-radius:5px;
956 border: 1px solid #17B506;
957 background-color: #E7EFD0;
962 div#feedback li, div#info li, div#error li{
972 margin-bottom: 0.938em;
973 border: 1px solid #ACCFCC;
975 background-color: #E9F4F3;
985 margin-bottom: 0.938em;
986 border: 1px solid #FF8400;
988 background-color: #FFF6ED;
1000 div.news span.date {
1001 font-family:Helevetica, Arial, sans-serif;
1008 /* home page links */
1017 div.home-link:hover {
1019 background-color: #F7F3ED;
1020 border: 1px solid #afafaf;
1026 text-decoration: none;
1034 /* sequence links */
1035 div#sequence-links {
1037 margin-top: 0.625em;
1038 padding-right: 0.313em;
1039 padding-top:0.438em;
1041 div#sequence-links a {
1042 text-decoration: none;
1052 background-color: white;
1054 border-left: 1px solid #ECFEEA;
1055 border-right: 1px solid #ECFEEA;
1056 border-bottom: 1px solid #ECFEEA;
1057 font-weight: normal;
1060 div.dropdown-heading {
1061 background-color: #ACCFCC;
1063 border-left: 1px solid #ECFEEA;
1064 border-right: 1px solid #ECFEEA;
1065 border-top: 1px solid #ECFEEA;
1076 margin-top: -0.313em;
1078 padding-right: 0.125em;
1082 margin-left: 0.313em;
1084 /*needs to be set to display: none so drawer can open */
1089 background-color: #F5F5F5;
1098 /*font-size: small;*/
1115 padding-left: 0.125em;
1116 padding-right: 0.125em;
1123 text-decoration: none;
1124 padding-left: 0.25em;
1125 padding-right: 0.25em;
1126 border-left: 1px solid white;
1127 border-right: 1px solid white;
1130 div.paging li a:hover, div.paging li a.current {
1131 background-color: #5B8E88;
1132 border-left: 1px solid #000;
1133 border-right: 1px solid #000;
1139 background-image:url(images/tl_corner.gif);
1140 background-position: top left;
1141 background-repeat: no-repeat;
1146 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1147 background-color: transparent;
1148 border-collapse: collapse;
1149 border-bottom: 1px solid #B8AE9C;
1150 padding: 0.5em 0em 0em 2em;
1151 white-space: nowrap;
1155 /* The normal, unselected tabs. They are all links */
1156 background-color: transparent;
1157 border-color: #B8AE9C;
1159 border-style: solid solid none solid;
1162 margin-right: 0.5em;
1163 padding: 0em 2em 0em;
1167 div.tabs a.selected {
1168 /* The selected tab. There's only one of this */
1169 background-color: white;
1170 border-bottom: #B8AE9C 1px solid;
1172 font-weight: normal;
1175 div.tabs a:hover, div.tabs a.active {
1176 background-color: #B8AE9C;
1177 border-bottom: 1px solid #B8AE9C;
1183 text-decoration:underline;
1188 background-color: #F5F5F5;
1194 background-color: #F5F5F5;
1195 text-decoration: none;
1198 background-image:url("images/content-arrow-down.png");
1199 background-position: top right;
1200 background-repeat: no-repeat;
1203 background-image:url("images/content-arrow-up.png");
1204 background-position: center right;
1205 background-repeat: no-repeat;
1210 background-color: #F5F5F5;
1212 border: 1px solid #B8AE9C;
1214 font-weight: normal;
1219 background-color: #6F7172;
1220 border: 1px solid #B8AE9C;
1221 border-style: solid solid none solid;
1223 padding: 0em 1em 0em 1em;
1230 text-decoration: none;
1235 text-decoration: none;
1239 text-decoration: underline;
1253 text-transform: none;
1254 border-left: 1pt solid #B8AE9C;
1267 background-color: #F7F3ED;
1271 background-color: transparent;
1275 /* users/index.php */
1281 border: rgb(204, 204, 204) 1px solid;
1282 background-color: #F7F7F7;
1294 font-weight: normal;
1300 background-color:#FBF4E9;
1301 border: #B8AE9C 1px solid;
1305 table.data .odd img.headicon{
1308 -webkit-border-radius:5px;
1312 -webkit-border-radius:10px;
1313 border-color: white;
1318 div.course div.shortcuts {
1321 vertical-align: middle;
1325 fieldset#shortcuts {
1327 background-color: #FEFDEF;
1328 border: 1pt solid #B8AE9C;
1329 margin: -5pt 5pt 5pt 5pt;
1330 padding-right: 10pt;
1331 padding-bottom: 5pt;
1340 margin-bottom: 10pt;
1341 -webkit-border-radius:5px;
1347 border:thin #6D7B8D solid;
1357 list-style-type: none;
1361 /*a#guide,*/ a#my-courses-link {
1362 background-color: #6D84A2;
1377 div#content-text li {
1381 div#content-test, div.content-from-module {
1388 div#content-test ol{
1392 div#content-test ol ul li{
1394 padding: 0 0.125em 0 0.938em;
1395 margin-bottom: 0.063em;
1397 background-color: #fdfdfd;
1398 border-bottom: 1px solid #efefef;
1399 border: 1px solid #eeeeff;
1419 padding-bottom: 0.625em;
1420 padding-right: 0.625em;
1422 margin-top: 0.625em;
1423 padding-right: 0.313em;
1433 min-width: 10.625em;
1437 background-color: #F6EAD6;
1438 border-bottom: .05em solid #6F7172;
1447 min-height: 10.625em;
1454 ul#home-links, ul#home-detail-links {
1469 ul#home-links li a {
1470 text-decoration: none;
1471 border: 1px transparent;
1474 ul#home-links li a img {
1477 padding-left:1.563em;
1481 #my_courses_container{
1487 #my-courses-navlist{
1490 border: solid 1px #A9ADB0;
1491 -webkit-border-radius:5px;
1497 .my-courses-list-ul{
1510 padding-left: 0.875em;
1511 padding-bottom: 0.875em;
1514 .fl-list-menu li a {
1516 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a {
1518 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1536 list-style-type: none;
1548 /* enrollment tabs */
1554 margin-bottom: .25em;
1555 margin-top: 0.938em;
1556 white-space: nowrap;
1566 padding: 0.188em 0.563em;
1567 border: 1px solid #F7F3ED;
1568 border-bottom: none;
1569 background-color: #F7F3ED;
1570 text-decoration: none;
1572 white-space: nowrap;
1575 #navlist li a:hover, #navlist li a:active {
1577 background-color: #fff;
1582 vertical-align: middle;
1599 dl#public-profile dt {
1602 border-right: 1px solid #F7F3ED;
1603 padding: 0.313em 0.313em 0.313em 0;
1605 margin-right: 0.313em;
1607 dl#public-profile dd {
1625 padding-bottom: .375em;
1628 border: 1px #cccccc solid;
1637 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1638 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1639 #forum-thread li.odd { background-color: #fff; }
1640 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1641 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1642 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1643 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1644 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1645 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1646 div.forum-post-ctrl a { text-decoration: none; }
1647 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1648 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1649 div.forum-post-content div.body p { margin-bottom:1em; }
1650 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1651 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1655 /** inbox stuff - reuses some of the forum layout **/
1656 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1658 /* tool list on admin home and manage screens */
1661 padding: 0.125em 0.125em 0.125em 0.938em;
1662 margin-bottom: 0.313em;
1664 border: solid 1px #A9ADB0;
1665 -webkit-border-radius:5px;
1667 li.top-tool a { font-weight: bold; } /* ol#tools>li>a */
1671 font-weight: normal;
1674 /* ol#tools>li>ul, */
1676 margin-top: -0.313em;
1681 ul.child-top-tool:before {
1687 margin-right: 0.313em;
1696 /* browse courses */
1699 padding-bottom: 0.625em;
1700 background-color: #fffaf0;
1701 border:1px #6F7172 solid;
1711 padding-bottom: 0.625em;
1712 background-color: #fffaf0;
1717 dl.browse-course dt {
1723 padding: 0.313em 0.625em 0.313em 0;
1724 vertical-align: middle;
1727 dl.browse-course dd {
1728 margin-bottom: 0.313em;
1730 padding: 0.313em 0 0.313em 0.625em;
1738 /* form fields grouping for WCAG 2.0 conformance*/
1740 fieldset.group_form{
1744 border: 1px #6D7B8D solid;
1745 -webkit-border-radius:5px;
1749 background-color:white;
1753 border: 1px #6D7B8D solid;
1754 -webkit-border-radius:5px;
1767 /* highlight active links for WCAG 2.0 conformance */
1768 a:active,a:hover,a:focus{
1769 background-color:#F6EAD6;
1774 /*Added by Silvia */
1775 div.column_primary {
1780 min-width: 10.625em;
1781 /* position: relative;*/
1784 div.column_equivalent{
1787 margin-left: 0.938em;
1788 margin-top: 0.313em;
1789 margin-right: 0.313em;
1790 margin-bottom: 0.313em;
1791 min-width: 10.625em;
1793 border: 1px solid #EEE;
1794 background-color: #FFF;
1795 /* position: relative;*/
1800 border: 1px solid #aaa;
1805 background-color: #eee;
1806 /* position: relative;*/
1815 div.alternative_box{
1816 border: 1px solid #ddd;
1821 background-color: #fff;
1824 div.alternative_box legend {
1828 div.resource_box legend {
1834 font-weight: bolder;
1835 background-color: white;
1838 /* format of "table of contents" on content page */
1839 #toc a { display:block; margin:0.188em; }
1840 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1846 background-color: #FEFDEF;
1847 border: 1pt solid #B8AE9C;
1855 /* cleans up glossary question mark line spacing*/
1857 border: 1pt solid #B8AE9C;
1858 vertical-align:bottom;
1862 /* jQuery tooltip styles */
1866 border:3px solid #111;
1867 background-color:#eeeeee;
1870 #tooltip h3,#tooltip div{
1874 /* style for home page modules "detail view" */
1900 background-image:url(images/details_r.png);
1901 background-position: top right;
1902 background-repeat:no-repeat;
1908 background-image:url(images/details_l.png);
1909 background-position: top left;
1910 background-repeat:no-repeat;
1916 background-image:url(images/details_ir.png);
1917 background-position: top right;
1918 background-repeat:no-repeat;
1923 background-image:url(images/details_il.png);
1924 background-position: top left;
1925 background-repeat:no-repeat;
1936 .draggable_selected {
1937 background-color: lightgrey;
1944 border:1px solid #cccccc;
1947 list-style: disc url(../../images/folder.gif) outside;
1948 font-family: Verdana, Helevetica, Arial, sans-serif;
1954 li.folders .disabled {
1959 list-style-image:none;
1960 list-style-position:outside;
1961 list-style-type:none;
1967 /* top navigation */
1971 text-decoration: none;
1980 background-color: white;
1987 ul#topnavlist li a.active {
1991 ul#topnavlist li a:hover, ul#topnavlist li a:focus {
1995 ul#topnavlist li a {
1997 text-decoration: none;
2004 border:thin solid #e8e8e8;
2011 padding-bottom: 0.313em;
2021 ul#subnavlist li#test{
2024 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{ /*
2026 text-decoration:none;*/
2029 ul#subnavlist li a, ul#subnavlist li a:visited {
2034 /* list attributes */
2043 ol#tools>li:hover, ol#tools>li:hover a {
2044 border: 1px solid #e0e0e0;
2045 background-color: #e6e6e6;
2050 #content-contentwrapper{
2061 margin-left: 0.313em;
2062 margin-top:-0.625em;
2079 /* ATutor Social Styles */
2081 div .profile_container {
2082 background-color:#eee;
2083 border: 1px solid #8e8e8e;
2086 margin-bottom: 0.5em;
2089 div .profile_container .top_right {
2093 dl.public-profile dd{
2096 dl.public-profile dt {
2107 div .search_form .row{
2108 background-color: #DEDEC0;
2112 background-color: #eee;
2113 border: 1px solid #aaa;
2116 background-color: #cccccc;
2123 ul.social_side_menu {
2126 ul.social_side_menu li {
2127 padding-bottom: 0.2em;
2132 border-bottom:1px solid #C1C157;
2133 padding-bottom:0.5em;
2134 margin-bottom:0.5em;
2142 div.contentbox, input-form{
2145 background-color: #ffffff;
2147 border: #A9ADB0 solid 1px;
2148 -webkit-border-radius: 5px;
2152 border:1px solid #a50707;
2153 margin-left:0.625em;
2160 ul.social_inline_menu{
2161 background-color: #eeeeee;
2162 border:thin #cccccc solid;
2176 padding-bottom:0.2em;