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 {
1387 div#content-test ol{
1391 div#content-test ol ul li{
1393 padding: 0 0.125em 0 0.938em;
1394 margin-bottom: 0.063em;
1396 background-color: #fdfdfd;
1397 border-bottom: 1px solid #efefef;
1398 border: 1px solid #eeeeff;
1418 padding-bottom: 0.625em;
1419 padding-right: 0.625em;
1421 margin-top: 0.625em;
1422 padding-right: 0.313em;
1432 min-width: 10.625em;
1436 background-color: #F6EAD6;
1437 border-bottom: .05em solid #6F7172;
1446 min-height: 10.625em;
1453 ul#home-links, ul#home-detail-links {
1468 ul#home-links li a {
1469 text-decoration: none;
1470 border: 1px transparent;
1473 ul#home-links li a img {
1476 padding-left:1.563em;
1480 #my_courses_container{
1486 #my-courses-navlist{
1489 border: solid 1px #A9ADB0;
1490 -webkit-border-radius:5px;
1496 .my-courses-list-ul{
1509 padding-left: 0.875em;
1510 padding-bottom: 0.875em;
1513 .fl-list-menu li a {
1515 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a {
1517 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1535 list-style-type: none;
1547 /* enrollment tabs */
1553 margin-bottom: .25em;
1554 margin-top: 0.938em;
1555 white-space: nowrap;
1565 padding: 0.188em 0.563em;
1566 border: 1px solid #F7F3ED;
1567 border-bottom: none;
1568 background-color: #F7F3ED;
1569 text-decoration: none;
1571 white-space: nowrap;
1574 #navlist li a:hover, #navlist li a:active {
1576 background-color: #fff;
1581 vertical-align: middle;
1598 dl#public-profile dt {
1601 border-right: 1px solid #F7F3ED;
1602 padding: 0.313em 0.313em 0.313em 0;
1604 margin-right: 0.313em;
1606 dl#public-profile dd {
1624 padding-bottom: .375em;
1627 border: 1px #cccccc solid;
1636 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1637 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1638 #forum-thread li.odd { background-color: #fff; }
1639 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1640 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1641 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1642 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1643 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1644 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1645 div.forum-post-ctrl a { text-decoration: none; }
1646 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1647 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1648 div.forum-post-content div.body p { margin-bottom:1em; }
1649 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1650 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1654 /** inbox stuff - reuses some of the forum layout **/
1655 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1657 /* tool list on admin home and manage screens */
1660 padding: 0.125em 0.125em 0.125em 0.938em;
1661 margin-bottom: 0.313em;
1663 border: solid 1px #A9ADB0;
1664 -webkit-border-radius:5px;
1666 li.top-tool a { font-weight: bold; } /* ol#tools>li>a */
1670 font-weight: normal;
1673 /* ol#tools>li>ul, */
1675 margin-top: -0.313em;
1680 ul.child-top-tool:before {
1686 margin-right: 0.313em;
1695 /* browse courses */
1698 padding-bottom: 0.625em;
1699 background-color: #fffaf0;
1700 border:1px #6F7172 solid;
1710 padding-bottom: 0.625em;
1711 background-color: #fffaf0;
1716 dl.browse-course dt {
1722 padding: 0.313em 0.625em 0.313em 0;
1723 vertical-align: middle;
1726 dl.browse-course dd {
1727 margin-bottom: 0.313em;
1729 padding: 0.313em 0 0.313em 0.625em;
1737 /* form fields grouping for WCAG 2.0 conformance*/
1739 fieldset.group_form{
1743 border: 1px #6D7B8D solid;
1744 -webkit-border-radius:5px;
1748 background-color:white;
1752 border: 1px #6D7B8D solid;
1753 -webkit-border-radius:5px;
1766 /* highlight active links for WCAG 2.0 conformance */
1767 a:active,a:hover,a:focus{
1768 background-color:#F6EAD6;
1773 /*Added by Silvia */
1774 div.column_primary {
1779 min-width: 10.625em;
1780 /* position: relative;*/
1783 div.column_equivalent{
1786 margin-left: 0.938em;
1787 margin-top: 0.313em;
1788 margin-right: 0.313em;
1789 margin-bottom: 0.313em;
1790 min-width: 10.625em;
1792 border: 1px solid #EEE;
1793 background-color: #FFF;
1794 /* position: relative;*/
1799 border: 1px solid #aaa;
1804 background-color: #eee;
1805 /* position: relative;*/
1814 div.alternative_box{
1815 border: 1px solid #ddd;
1820 background-color: #fff;
1823 div.alternative_box legend {
1827 div.resource_box legend {
1833 font-weight: bolder;
1834 background-color: white;
1837 /* format of "table of contents" on content page */
1838 #toc a { display:block; margin:0.188em; }
1839 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1845 background-color: #FEFDEF;
1846 border: 1pt solid #B8AE9C;
1854 /* cleans up glossary question mark line spacing*/
1856 border: 1pt solid #B8AE9C;
1857 vertical-align:bottom;
1861 /* jQuery tooltip styles */
1865 border:3px solid #111;
1866 background-color:#eeeeee;
1869 #tooltip h3,#tooltip div{
1873 /* style for home page modules "detail view" */
1899 background-image:url(images/details_r.png);
1900 background-position: top right;
1901 background-repeat:no-repeat;
1907 background-image:url(images/details_l.png);
1908 background-position: top left;
1909 background-repeat:no-repeat;
1915 background-image:url(images/details_ir.png);
1916 background-position: top right;
1917 background-repeat:no-repeat;
1922 background-image:url(images/details_il.png);
1923 background-position: top left;
1924 background-repeat:no-repeat;
1935 .draggable_selected {
1936 background-color: transparent;
1943 border:1px solid #cccccc;
1946 list-style: disc url(../../images/folder.gif) outside;
1947 font-family: Verdana, Helevetica, Arial, sans-serif;
1953 li.folders .disabled {
1958 list-style-image:none;
1959 list-style-position:outside;
1960 list-style-type:none;
1966 /* top navigation */
1970 text-decoration: none;
1979 background-color: white;
1986 ul#topnavlist li a.active {
1990 ul#topnavlist li a:hover, ul#topnavlist li a:focus {
1994 ul#topnavlist li a {
1996 text-decoration: none;
2003 border:thin solid #e8e8e8;
2010 padding-bottom: 0.313em;
2020 ul#subnavlist li#test{
2023 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{ /*
2025 text-decoration:none;*/
2028 ul#subnavlist li a, ul#subnavlist li a:visited {
2033 /* list attributes */
2042 ol#tools>li:hover, ol#tools>li:hover a {
2043 border: 1px solid #e0e0e0;
2044 background-color: #e6e6e6;
2049 #content-contentwrapper{
2060 margin-left: 0.313em;
2061 margin-top:-0.625em;
2078 /* ATutor Social Styles */
2080 div .profile_container {
2081 background-color:#eee;
2082 border: 1px solid #8e8e8e;
2085 margin-bottom: 0.5em;
2088 div .profile_container .top_right {
2092 dl.public-profile dd{
2095 dl.public-profile dt {
2106 div .search_form .row{
2107 background-color: #DEDEC0;
2111 background-color: #eee;
2112 border: 1px solid #aaa;
2115 background-color: #cccccc;
2122 ul.social_side_menu {
2125 ul.social_side_menu li {
2126 padding-bottom: 0.2em;
2131 border-bottom:1px solid #C1C157;
2132 padding-bottom:0.5em;
2133 margin-bottom:0.5em;
2141 div.contentbox, input-form{
2144 background-color: #ffffff;
2146 border: #A9ADB0 solid 1px;
2147 -webkit-border-radius: 5px;
2151 border:1px solid #a50707;
2152 margin-left:0.625em;
2159 ul.social_inline_menu{
2160 background-color: #eeeeee;
2161 border:thin #cccccc solid;
2175 padding-bottom:0.2em;