6 /* main body attributes */
8 font-family: Verdana, Helevetica, Arial, sans-serif;
11 background-color: white;
15 margin: 0.5em 0em 1em 0em;
22 text-decoration: underline;
27 background-color: transparent;
32 background-color: transparent;
35 h1, h2, h3, h4, h5, h6 {
38 font: 100% Verdana, Helvetica, Arial, sans-serif;
42 /*border-bottom: 1px solid #B8AE9C;*/
74 /* Table of content attributes*/
76 font-family: Verdana, Helevetica, Arial, sans-serif;
77 background-color: #E9F4F3;
83 border: 1px #ACCFCC solid;
88 font-family: Verdana, Helevetica, Arial, sans-serif;
95 font-family: Verdana, Helevetica, Arial, sans-serif;
102 list-style: disc url(../../images/folder.gif) outside;
103 font-family: Verdana, Helevetica, Arial, sans-serif;
109 li.folders .disabled {
113 /* link attributes */
121 /* align text to the left */
129 text-decoration: none;
135 border: 1px #595241 solid;
138 /* main submit button */
140 background-color: #efefef;
142 border: #AAA solid 1px;
145 /* small submit button at top */
147 font-family: Verdana, Helevetica, Arial, sans-serif;
148 background-color: #E9F4F3;
149 border: #ACCFCC solid 1px;
152 /* date attributes */
154 font-family: Verdana, Helevetica, Arial, sans-serif;
166 background-color: white;
170 /* message box styles */
172 /* Editor box small */
174 font-family: Verdana, Helevetica, Arial, sans-serif;
175 background-color: #E9F4F3;
178 border: 1px #ACCFCC solid;
181 /* Editor box large */
183 font-family: Verdana, Helevetica, Arial, sans-serif;
184 background-color: #E9F4F3;
189 padding-bottom: .4em;
190 border: 1px #ACCFCC solid;
195 font-family: Verdana, Helevetica, Arial, sans-serif;
198 .highlight, a.highlight {
199 background-color: #5B8E88;
204 background-color: #5B8E88;
213 /* edit content tabs */
215 background-color: #E6E6E6;
226 background-color: #E6E6E6;
227 border-top: 1px #B8AE9C solid;
228 border-left: 1px #B8AE9C solid;
229 border-right: 1px #B8AE9C solid;
230 text-decoration: none;
235 .buttontab selected {
236 font-family: Helvetica, Arial, Helvetica, sans-serif;
237 background-color: #6F7172;
246 font-family: Helvetica, Arial, Helvetica, sans-serif;
248 text-decoration: none;
250 background-color: white;
251 border-top: 1px #B8AE9C solid;
252 border-left: 1px #B8AE9C solid;
253 border-right: 1px #B8AE9C solid;
256 background-color: #fffaf0;
257 border:1px #6F7172 solid;
261 .tab a:link, .etab a:visited {
263 background-color: white;
267 background-color: white;
271 background-color: #6F7172;
281 background-color: #FFFDE0;
285 background-color: #FFFDE0;
292 /* the side menu heading */
293 td.dropdown-heading {
294 background-color: #DBFDD4;
296 border-left: 1px solid #ECFEEA;
297 border-right: 1px solid #ECFEEA;
298 border-top: 1px solid #ECFEEA;
303 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
304 text-decoration: none;
307 td.dropdown-heading.closed {
308 border-bottom: 1px solid #ECFEEA;
311 /* the side menu content */
314 background-color: white;
316 border-left: 1px solid #ECFEEA;
317 border-right: 1px solid #ECFEEA;
318 border-bottom: 1px solid #ECFEEA;
321 td.dropdown a, td.dropdown a:visited {
323 text-decoration: none;
325 td.dropdown a:hover {
327 text-decoration: underline;
336 /* added for 1.4.2: */
342 background-color: #F7F3ED;
354 p.search-description {
355 background-color: #FFFCE5;
360 background-color: #F7F3ED;
362 border-left: 1px solid #595241;
363 border-right: 1px solid #595241;
364 border-top: 1px solid #595241;
369 /***************************************************************/
374 border:thin black solid;
376 table.tabbed-table th#left-empty-tab {
377 background-color: transparent;
379 border-bottom: 1px solid #B8AE9C;
381 table.tabbed-table th#right-empty-tab {
383 background-color: transparent;
384 border-bottom: 1px solid #B8AE9C;
388 table.tabbed-table th#right-empty-tab a {
389 text-decoration: underline;
391 table.tabbed-table th.tab-spacer {
392 background-color: transparent;
394 border-bottom: 1px solid #B8AE9C;
397 table.tabbed-table th.tab {
401 background-color: #E9F4F3;
402 border-bottom: 1px solid #B8AE9C;
403 border-left: 1px solid #B8AE9C;
404 border-top: 1px solid #B8AE9C;
405 border-right: 1px solid #B8AE9C;
407 table.tabbed-table th.tab:hover {
408 background-color: #ACCFCC;
411 table.tabbed-table th.tab a:focus {
414 table.tabbed-table th.selected {
418 background-color: #ACCFCC;
419 border-left: 1px solid #B8AE9C;
420 border-top: 1px solid #B8AE9C;
421 border-right: 1px solid #B8AE9C;
424 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
426 text-decoration: none;
432 background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
433 background-repeat: no-repeat;
434 background-position: 2px 5px;
439 background-image: url(images/back.gif);
440 background-repeat: no-repeat;
441 background-position: 0px 0px;
445 /* The path bar, including breadcrumbs and add to favorites */
469 div#sub-navigation strong {
474 border-left: 1px solid black;
475 border-right: 1px solid black;
476 border-bottom: 1px solid black;
480 background-color: #F7F3ED;
489 border-left: 1px solid black;
490 border-right: 1px solid black;
492 background-color: #F7F3ED;
495 border-bottom: 1px solid black;
511 margin-bottom: -0.5em;
522 div#top-links a:link, div#top-links a:visited {
523 text-decoration:none;
532 background-color: #F7F3ED;
537 border: 1px solid #cccccc;
539 text-decoration: none;
542 a#editor-link:hover {
543 background-color: #F7F3ED;
544 border: 1px solid #B8AE9C;
548 background-image: url(images/pen.gif);
549 background-repeat: no-repeat;
550 background-position: 0px 2px;
553 background-image: url(images/pen2.gif);
554 background-repeat: no-repeat;
555 background-position: 0px 2px;
559 /* for data tables */
562 border: 1px solid #B8AE9C;
569 background-color: #F6EAD6;
578 background-image: url('../default/images/sort.gif');
579 background-repeat: no-repeat;
580 background-position: right;
584 border-top: 1px solid #B8AE9C;
585 border-bottom: 1px solid #B8AE9C;
588 table.data tbody th {
590 background-color: #F7F3ED;
598 table.data tbody tr:hover {
599 background-color: #efefef;
603 table.data tbody tr.selected {
604 background-color: #E9F4F3;
609 background-color: #F7F3ED;
610 /*border-top: 1px solid #B8AE9C;*/
613 table.data tfoot tr:first-child td {
614 /*border-top: 1px solid #B8AE9C;*/
616 background-image: url('images/arrow_ltr.gif');
617 background-repeat: no-repeat;
618 background-position: 4px 5px;
622 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
623 border-top: 1px solid #B8AE9C;
625 background-image: none;
631 table.data tfoot input {
632 background-color: #efefef;
634 border: #AAA solid 1px;
639 /* used for static tables with no form elements: */
640 table.data.static tbody tr:hover {
641 background-color: transparent;
647 /* course browser: */
655 div.browse-selected {
656 background-image: url('images/side_arrow.gif');
657 background-repeat: no-repeat;
659 background-position: center left;
662 div.browse-unselected {
671 /* feedback /errors */
678 border: 1px solid #DD0000;
680 background-color: #F4DCDC;
682 background-color: #F4DCDC;
691 div#error ul, div#feedback ul, div#help ul {
708 border: 1px solid #17B506;
710 background-color: #F2FCF0;
721 border: 1px solid #ACCFCC;
723 background-color: #E9F4F3;
733 border: 1px solid #B8AE9C;
735 background-color: #EFE6FF;
746 border: 1px solid #FF8400;
748 background-color: #FFF6ED;
760 font-family: Verdana, Helevetica, Arial, sans-serif;
764 /* home page links */
773 div.home-link:hover {
775 background-color: #F7F3ED;
776 border: 1px solid #afafaf;
782 text-decoration: none;
797 div#sequence-links a {
798 text-decoration: none;
804 background-color: white;
806 border-left: 1px solid #ECFEEA;
807 border-right: 1px solid #ECFEEA;
808 border-bottom: 1px solid #ECFEEA;
812 div.dropdown-heading {
813 background-color: #ACCFCC;
815 border-left: 1px solid #ECFEEA;
816 border-right: 1px solid #ECFEEA;
817 border-top: 1px solid #ECFEEA;
844 /*font-size: small;*/
857 border: 1px solid #000;
868 text-decoration: none;
871 border-left: 1px solid white;
872 border-right: 1px solid white;
875 div.paging li a:hover, div.paging li a.current {
876 background-color: #F7F3ED;
877 border-left: 1px solid #000;
878 border-right: 1px solid #000;
882 background-color: #1D2326;
883 background-image: url(images/pencil_top.gif);
884 background-position: right bottom;
885 background-repeat: no-repeat;
897 background-color: #F7F3ED;
901 background-image:url(images/tl_corner.gif);
902 background-position: top left;
903 background-repeat: no-repeat;
908 background-color: #595241;
915 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
916 background-color: transparent;
917 border-collapse: collapse;
918 border-bottom: 1px solid #B8AE9C;
919 padding: 0.5em 0em 0em 2em;
924 /* The normal, unselected tabs. They are all links */
925 background-color: transparent;
926 border-color: #B8AE9C;
928 border-style: solid solid none solid;
932 padding: 0em 2em 0em;
936 div.tabs a.selected {
937 /* The selected tab. There's only one of this */
938 background-color: white;
939 border-bottom: #B8AE9C 1px solid;
944 div.tabs a:hover, div.tabs a.active {
945 background-color: #B8AE9C;
946 border-bottom: 1px solid #B8AE9C;
958 background-color: #F5F5F5;
960 border: 1px solid #B8AE9C;
968 background-color: #6F7172;
969 border: 1px solid #B8AE9C;
970 border-style: solid solid none solid;
972 padding: 0em 1em 0em 1em;
980 text-decoration: none;
985 text-decoration: none;
989 text-decoration: underline;
1003 text-transform: none;
1004 border-left: 1pt solid #B8AE9C;
1017 background-color: #F7F3ED;
1021 background-color: transparent;
1025 /* users/index.php */
1031 border: rgb(204, 204, 204) 1px solid;
1032 background-color: #F7F7F7;
1044 font-weight: normal;
1050 background-color:#FBF4E9;
1051 border: #B8AE9C 1px solid;
1054 div.course img.icon {
1068 border:1px solid white;
1070 div.course div.shortcuts {
1073 vertical-align: middle;
1076 fieldset#shortcuts {
1078 background-color: #FEFDEF;
1079 border: 1pt solid #B8AE9C;
1080 margin: -5pt 5pt 5pt 5pt;
1081 padding-right: 10pt;
1082 padding-bottom: 5pt;
1089 margin-bottom: 10pt;
1098 list-style-type: none;
1103 background-image: url('images/guide.gif'); background-repeat: no-repeat; background-position: 7px 4px;
1104 background-color: #eee;
1105 padding: 2px 10px 2px 27px;
1106 border: 1px solid #ccc;
1108 text-decoration:none;
1117 div#content-text li {
1126 background-color:#F4F9FE;
1127 border:1px solid #70A1CA;
1128 border-radius: .3em .3em .3em .3em;
1129 -moz-border-radius: .3em .3em .3em .3em;
1131 div#content-test ol{
1136 div#content-test ol ul li{
1138 padding: 0px 2px 0px 15px;
1141 background-color: #fdfdfd;
1142 border-bottom: 1px solid #efefef;
1143 border: 1px solid #eeeeff;
1150 background-color:#F4F9FE;
1151 border:1px solid #70A1CA;
1152 border-radius: .3em .3em .3em .3em;
1153 -moz-border-radius: .3em .3em .3em .3em;
1155 div#content-forum ol{
1160 div#content-forum ol ul li{
1162 padding: 0px 2px 0px 15px;
1165 background-color: #fdfdfd;
1166 border-bottom: 1px solid #efefef;
1167 border: 1px solid #eeeeff;
1187 padding-bottom: 10px;
1188 padding-right: 10px;
1206 background-color: #F6EAD6;
1207 border-bottom: .05em solid #6F7172;
1238 ul#home-links li a {
1239 text-decoration: none;
1240 border: 1px transparent;
1243 ul#home-links li a img {
1249 /* enrollment tabs */
1257 white-space: nowrap;
1268 border: 1px solid #F7F3ED;
1269 border-bottom: none;
1270 background-color: #F7F3ED;
1271 text-decoration: none;
1274 -moz-border-radius-topright: 4px;
1275 -moz-border-radius-topleft: 4px;
1277 white-space: nowrap;
1280 #navlist li a:hover, #navlist li a.active {
1282 background-color: #fff;
1287 vertical-align: middle;
1297 dl#public-profile dt {
1303 border-right: 1px solid #F7F3ED;
1304 padding: 5px 5px 5px 0px;
1305 vertical-align: middle;
1308 dl#public-profile dd {
1311 padding: 5px 0px 5px 5px;
1314 /* floating layout */
1330 margin: -10px 5px 0;
1334 /*position:absolute;
1343 .forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 98%; list-style: none; }
1344 .forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1345 .forum-thread li.odd { background-color: #fff; }
1346 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1347 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1348 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1349 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1350 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1351 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1352 div.forum-post-ctrl a { text-decoration: none; }
1353 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1354 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1355 div.forum-post-content div.body p { margin-bottom:1em; }
1356 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1357 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1361 /** inbox stuff - reuses some of the forum layout **/
1362 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1364 div#topnavlistcontainer {
1365 background-color: #1D2326;
1366 background-image: url(images/pencil_bottom.gif);
1367 background-position: top right;
1368 background-repeat: no-repeat;
1382 display: inline-block;
1386 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1387 background-color: #E6E6E6;
1389 text-decoration:none;
1390 -moz-box-shadow:.2em .0em .2em .0em #999999;
1391 box-shadow: .2em .0em .2em #999999;
1395 ul#topnavlist li a {
1396 /* The normal, unselected tabs. They are all links */
1397 border-radius: .3em .3em 0em 0em;
1398 -moz-border-radius: .3em .3em 0em 0em;
1402 padding: .2em 2em 0em 2em;
1403 text-decoration:none;
1404 background-color:white;
1407 ul#topnavlist li a.active {
1408 /* The selected tab. There's only one of these */
1410 border:1px solid #ffffff;
1411 -moz-box-shadow:.2em .0em .2em .0em #999999;
1412 box-shadow: .2em .0em .2em #999999;
1416 border: 1px solid #e0e0e0;
1417 background-color: #efefef;
1420 /* tool list on admin home and manage screens */
1423 padding: 2px 2px 2px 15px;
1426 background-color: #fdfdfd;
1427 border-bottom: 1px solid #efefef;
1428 /* -moz-border-radius: 4px; */
1429 border: 1px solid #eeeeff;}
1431 li.top-tool a { font-weight: bold; } /* ol#tools>li>a */
1435 font-weight: normal;
1438 /* ol#tools>li>ul, */
1445 ul.child-top-tool:before {
1449 /* ol#tools>li>ul>li, */
1456 /* to modify tool icons on the course home page */
1461 background-color:#000000;
1463 filter:alpha(opacity=10);
1475 /* browse courses */
1478 padding-bottom: 25px;
1479 background-color: #fffaf0;
1480 border:1px #6F7172 solid;
1485 dl.browse-course dt {
1491 padding: 5px 10px 5px 0px;
1492 vertical-align: middle;
1494 dl.browse-course dd {
1497 padding: 5px 0px 5px 10px;
1512 /* menu align right layout, uncomment to enable */
1518 h2, h3, h4, h5, h6 {
1521 #contentcolumn_shiftright {
1541 /* Content editor wrapper div */
1543 border:1px solid #cccccc;
1545 -moz-border-radius: .5em .5em .5em .5em;
1546 padding: .1em .5em .1em .5em ;
1548 /* Content editor tabs */
1553 white-space: nowrap;
1554 background-color: #ffffff;
1558 padding:0em 0em 0em;
1562 border-top: 1px solid #cccccc;
1563 border-left: 1px solid #cccccc;
1564 border-right: 1px solid #cccccc;
1566 margin-bottom:-.5em;
1568 white-space: nowrap;
1569 background-color: #ffffff;
1570 border-radius: .3em .3em 0em 0em;
1571 -moz-border-radius: .3em .3em 0em 0em;
1572 -moz-box-shadow:.1em .0em .1em #999999;
1573 box-shadow: .2em .0em .2em #999999;
1574 padding: 0em .2em 0em .2em ;
1577 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1578 background-color:#eeeeee;
1581 .editor_tab_selected{
1582 border-top: 1px solid #cccccc;
1583 border-left: 1px solid #cccccc;
1584 border-right: 1px solid #cccccc;
1586 padding: 0em .2em 0em .2em ;
1587 background-color: #eeeeee;
1590 white-space: nowrap;
1591 text-decoration:none;
1593 -moz-border-radius: .3em .3em 0em 0em;
1597 .editor_tab input[type=submit]{
1600 /* 1pxgs current box on My Start */
1606 border: 1px solid #cccccc;
1607 border-radius: .5em .5em .5em .5em;
1608 -moz-border-radius: .5em .5em .5em .5em;
1609 -moz-box-shadow:.2em .2em .2em #999999;
1610 box-shadow: .2em .2em .2em #999999;
1615 list-style-type:none;
1619 vertical-align:middle;
1623 background-color:#E6E6E6;
1626 border-bottom:1px solid #cccccc;
1634 background-color:#eeeeee;
1635 border: 1px solid #cccccc;
1639 /* Preference Editor tabs */
1640 /* Preferences tabs */
1642 table.etabbed-table {
1649 background-color: transparent;
1655 white-space: nowrap;
1656 background-color: #ffffff;
1660 padding:0em 0em 0em;
1662 -moz-border-radius: .3em .3em .3em .3em;
1666 border-top: 1px solid #cccccc;
1667 border-left: 1px solid #cccccc;
1668 border-right: 1px solid #cccccc;
1670 white-space: nowrap;
1672 background-color: #FFFFFF;
1674 -moz-border-radius: .3em .3em 0em 0em;
1675 padding: 0em .2em 0em .2em;
1676 -moz-box-shadow:.2em .2em .2em #999999;
1677 box-shadow: .2em .0em .2em #999999;
1680 .prefs_buttontab:hover, .prefs_tab:hover {
1681 background-color: #eeeeee;
1683 .prefs_tab_selected{
1684 border-top: 1px solid #cccccc;
1685 border-left: 1px solid #cccccc;
1686 border-right: 1px solid #cccccc;
1688 background-color: #eeeeee;
1692 padding: 0em .2em 0em .2em ;
1693 white-space: nowrap;
1694 text-decoration:none;
1696 -moz-border-radius: .3em .3em 0em 0em;
1697 -moz-box-shadow:.2em .2em .2em #999999;
1698 box-shadow: .2em .0em .2em #999999;
1702 /* Preference Editor tabs */
1703 .etabbed-list-container {
1717 background-color: transparent;
1722 white-space: nowrap;
1723 background-color: #ffffff;
1724 margin-bottom: .5px;
1727 padding:0em 0em 0em;
1729 -moz-border-radius: .3em .3em .3em .3em;
1733 border-top: 1px solid #cccccc;
1734 border-left: 1px solid #cccccc;
1735 border-right: 1px solid #cccccc;
1737 white-space: nowrap;
1738 background-color: #FFFFFF;
1739 border-radius: .3em .3em 0em 0em;
1740 -moz-border-radius: .3em .3em 0em 0em;
1741 padding: .2em .5em 0em .5em ;
1742 -moz-box-shadow:.1em .1em 0 #999999;
1743 box-shadow: .1em .1em 0 #999999;
1745 padding-bottom: .9px;
1749 .prefs_buttontab:hover, .prefs_tab:hover {
1750 background-color: #eeeeee;
1753 .prefs_tab_selected{
1755 border-top: 1px solid #cccccc;
1756 border-left: 1px solid #cccccc;
1757 border-right: 1px solid #cccccc;
1759 background-color: #eeeeee;
1763 padding: .3em .5em 0em .5em ;
1764 white-space: nowrap;
1765 text-decoration:none;
1767 -moz-border-radius: .3em .3em 0em 0em;
1768 -moz-box-shadow:.1em .1em .0 #999999;
1769 box-shadow: .1em .1em .1em #999999;
1773 border:1px solid #cccccc;
1775 -moz-border-radius:.5em;
1780 background-color:#ffffff;
1785 .wizscreen > legend{
1788 border:1px solid black;
1789 background-color:#ffffff;
1794 .wizscreen .buttons {
1798 .wizscreen .button {
1811 #course_title_container{
1814 white-space:pre-line;
1819 #my_courses_container{
1824 border-radius: .5em .5em .5em .5em;
1825 -moz-border-radius: .5em .5em .5em .5em;
1826 -moz-box-shadow:.2em .2em .2em #999999;
1827 box-shadow: .2em .2em .2em #999999;
1831 vertical-align:middle;
1833 ul#content-tool-links {
1834 list-style: none outside none;
1836 ul#content-tool-links li{
1847 ul#content-tool-links img{
1859 white-space: nowrap;
1866 /* Transformable repository search */
1869 border:thin solid #cccccc;
1874 border-radius: .3em .3em .3em .3em;
1875 -moz-border-radius: .3em .3em .3em .3em;
1876 -moz-box-shadow:.2em .2em .2em #999999;
1877 box-shadow: .2em .1em .2em #999999;
1885 border:thin solid #cccccc;
1886 border-radius: .3em .3em .3em .3em;
1887 -moz-border-radius: .3em .3em .3em .3em;
1888 -moz-box-shadow:.2em .2em .2em #999999;
1889 box-shadow: .2em .1em .2em #999999;
1896 margin-bottom: -.5em;
1897 border-top:thin solid #cccccc;
1898 border-left:thin solid #cccccc;
1899 border-right:thin solid #cccccc;
1900 border-radius: .3em .3em 0em 0em;
1901 -moz-border-radius: .3em .3em 0em 0em;
1907 border:1px solid #cccccc;
1911 /* Detailed view styles */
1916 padding-bottom: 20px;
1921 border:1px solid #cccccc;
1922 background: #eeeeee;
1928 -moz-border-radius:.3em .3em .3em .3em;
1929 border-radius: 3em 3em .3em .3em;
1930 -moz-box-shadow:.2em .2em .2em #999999;
1931 box-shadow: .2em .2em .2em #999999;
1936 border:1px solid #cccccc;
1937 background: #ffffff;
1945 -moz-border-radius:.5em;
1976 .draggable_selected {
1977 background-color: lightgrey;
1980 /* Transformable repository search */
1983 border:thin solid #cccccc;
1988 border-radius: .3em .3em .3em .3em;
1989 -moz-border-radius: .3em .3em .3em .3em;
1990 -moz-box-shadow:.1em .1em .1em #999999;
1991 box-shadow: .1em .1em .1em #999999;
1999 border:thin solid #cccccc;
2000 border-radius: .3em .3em .3em .3em;
2001 -moz-border-radius: .3em .3em .3em .3em;
2002 -moz-box-shadow:.1em .1em .1em #999999;
2003 box-shadow: .1em .1em .1em #999999;
2010 margin-bottom: -.5em;
2011 border-top:thin solid #cccccc;
2012 border-left:thin solid #cccccc;
2013 border-right:thin solid #cccccc;
2014 border-radius: .3em .3em 0em 0em;
2015 -moz-border-radius: .3em .3em 0em 0em;
2018 font-family: monospace;
2019 border: 2px solid rgb(0, 0, 0);
2022 color: rgb(255, 255, 255);
2023 background-color: rgb(0, 0, 0);
2027 border-bottom-width: 0px;
2030 font-weight: normal;
2035 #display-settings-preview{
2043 #defaultfontsize-wrapper{
2047 div .profile_container {
2048 background-color:#eee;
2049 border: 1px solid #8e8e8e;
2052 margin-bottom: 0.5em;
2055 div .profile_container .top_right {
2059 dl.public-profile dd{
2062 dl.public-profile dt {
2073 div .search_form .row{
2074 background-color: #DEDEC0;
2078 background-color: #eee;
2079 border: 1px solid #aaa;
2082 background-color: #cccccc;
2089 ul.social_side_menu {
2092 ul.social_side_menu li {
2093 padding-bottom: 0.2em;
2098 border-bottom:1px solid #C1C157;
2099 padding-bottom:0.5em;
2100 margin-bottom:0.5em;
2108 div.headingbox, h3.headingbox, a.headingbox{
2109 border:1px #cccccc solid;
2111 background-color: #eeeeee;
2112 text-decoration:none;
2117 div.contentbox, input-form{
2120 border-left:1px #cccccc solid;
2121 border-right:1px #dddddd solid;
2122 border-bottom:1px #cccccc solid;
2124 background-color: #ffffff;
2129 border:1px solid #a50707;
2137 ul.social_inline_menu{
2138 background-color: #eeeeee;
2139 border:thin #cccccc solid;
2145 border:thin solid #cccccc;
2166 .people-you-may-know{
2177 padding-bottom:0.2em;
2189 ul#content-tool-links {
2190 list-style: none outside none;
2192 ul#content-tool-links li{
2203 ul#content-tool-links img{
2226 vertical-align: middle;
2236 list-style-type: none;
2240 /* jQuery tooltip styles */
2244 border:3px solid #111;
2245 background-color:#eeeeee;
2249 #tooltip h3,#tooltip div{
2258 padding-bottom:.2em;
2259 text-decoration:none;
2260 border-bottom:1px dashed;
2263 fieldset.group_form{
2266 border:1px #70A1CA solid;
2269 background-color:transparent;
2272 fieldset.group_form legend{
2273 border:1px #70A1CA solid;
2274 background-color: #F4F9FE;
2280 -moz-border-radius: .2em .2em .2em .2em;
2283 div#subnavlistcontainer {
2289 div#subnavbacktopage {
2298 border:1px solid #e8e8e8;
2302 -moz-border-radius: .5em .5em .5em .5em;
2308 font-family: Verdana,Helvetica,Arial,serif;
2315 background-color: #FFFFFF;
2317 display: inline-block;
2320 border-top:1px solid #cccccc;
2321 border-left:1px solid #cccccc;
2322 border-right:1px solid #cccccc;
2323 border-radius: .3em .3em 0em 0em;
2324 -moz-border-radius: .3em .3em 0em 0em;
2326 padding: 0em .5em .6em .5em ;
2329 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
2331 text-decoration:none;
2332 background-color: #E6E6E6;
2335 ul#subnavlist li a {
2336 /* The normal, unselected tabs. They are all links */
2339 text-decoration:underline;
2343 /* Photo Album Styles
2361 padding-right: 0.5em;
2373 background: #F7F7F7;
2374 border: 1px solid #D2D2D2;
2377 -moz-border-radius: .5em .5em .5em .5em;
2378 -moz-box-shadow:.2em .2em .1em #999999;
2379 box-shadow: .2em .2em .1em #999999;
2382 div.album_panel div.photo_wrapper {
2383 /* This class is to fix the problem where the images shift
2384 * to the right when there is a border upon selection
2389 div.album_panel .photo_frame{
2396 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2401 background: #FCE6C9;
2403 div.album_panel .photo_frame img{
2404 background: #FFFFFF;
2405 border: 1px solid #D2D2D2;
2408 div.album_panel .album_description{
2415 /* background-image: url('images/search_bg.png');
2416 background-repeat: no-repeat; */
2417 background-color:#ffffff;
2418 border:thin solid #cccccc;
2425 -moz-border-radius:.8em .8em .8em .8em;
2426 -moz-box-shadow:.2em .2em .1em #999999;
2427 box-shadow: .2em .2em .1em #999999;
2436 div.search_bar .s_img{
2439 margin-top: 0.375em;
2440 margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2441 margin-right: 0.4em;
2445 background: #FFFFFF;
2447 border: 1px solid #D2D2D2;
2451 border-radius:.5em .5em .5em .5em;
2452 -moz-border-radius: .5em .5em .5em .5em;
2453 -moz-box-shadow:.2em .2em .1em #999999;
2454 box-shadow: .2em .2em .1em #999999;
2464 div.album .image img.no-image {
2468 background-color: #EFEFEF;
2474 div.album .info span{
2482 div.album .search_photo_frame{
2489 border: 1px solid #d3d3d3;
2492 div.album .search_slider{
2495 position: relative; /* ie7 */
2497 div.album .search_slider_left{
2501 div.album .search_slider_right{
2506 div.album .search_slider ul {
2507 list-style-type: none;
2513 div.album .search_slider ul li{
2516 div.album .search_slider_a{
2519 div.album .search_slider_p{
2520 width: 730px; /* 146 per frame, 5 frame per row */
2522 div.album .search_slider_p ul li{
2523 /* height: 576px; /* 144 per frame, 4 row */
2524 width: 730px; /* 146 per frame, 5 frame per row */
2526 div.album .search_paginator {
2532 background: #F7F7F7;
2533 border: 1px solid #D2D2D2;
2536 -moz-border-radius: .3em .3em .3em .3em;
2543 div.add_photo .toggle_uploader{
2547 div.add_photo div#ajax_uploader{
2551 div.add_photo .files .tn {
2557 div.add_photo ul li{
2563 border-bottom: 1px solid #ddd;
2564 /* display: inline; */
2566 div.add_photo p.memory_usage {
2572 div.add_profile_photo{
2574 background: #F7F7F7;
2575 border: 1px solid #D2D2D2;
2578 -moz-border-radius: .5em .5em .5em .5em;
2579 -moz-box-shadow:.2em .2em .1em #999999;
2580 box-shadow: .2em .2em .1em #999999;
2584 div.add_profile_photo .profile_photo{
2589 div.add_profile_photo .uploader{
2593 border-bottom: 1px solid #ddd;
2597 background: #F7F7F7;
2599 border: 1px solid #D2D2D2;
2604 -moz-border-radius: .5em .5em .5em .5em;
2606 div.photo_panel img{
2607 background: #FFFFFF;
2608 border: 1px solid #D2D2D2;
2611 div.photo_panel div.ordering{
2614 div.photo_panel div.paginator{
2617 div.photo_panel .flc-inlineEditable{
2621 padding-bottom: 0.5em;
2624 background: #FFFFFF;
2626 border: 1px solid #D2D2D2;
2629 border-radius: .3em .3em .3em .3em;
2630 -moz-border-radius: .3em .3em .3em .3em;
2631 -moz-box-shadow:.2em .2em .1em #999999;
2632 box-shadow: .2em .2em .1em #999999;
2635 div.comment_panel .comment_feeds{
2639 div.comment_panel .photo_actions{
2642 background: #F7F7F7;
2645 border:thin solid #cccccc;
2647 -moz-border-radius: .3em .3em .3em .3em;
2649 .row textarea#comment_template, textarea#comment_template active{
2650 background-color:#eeeeee;
2651 border:thin solid #eeeeee;
2652 border:thin solid #cccccc;
2655 -moz-border-radius: .3em .3em .3em .3em;
2657 .row textarea#comment{
2658 background-color:#ffffff;
2659 border:thin solid #eeeeee;
2660 border:thin solid #cccccc;
2663 -moz-border-radius: .3em .3em .3em .3em;
2665 div.comment_panel textarea{
2674 padding-bottom: 0.5em;
2675 background: #F7F7F7;
2677 div.comment_box .comment_actions{
2684 div.edit_photo_frame{
2688 background: #F7F7F7;
2689 border:thin solid #cccccc;
2691 -moz-border-radius: .5em .5em .5em .5em;
2695 border: 1px solid #D2D2D2;
2698 margin-bottom: 0.8em;
2702 -moz-border-radius: .3em .3em .3em .3em;
2704 div.edit_photo_box .info{
2710 background-color: #eeeeee;
2711 border:thin solid #cccccc;
2713 -moz-border-radius: .3em .3em .3em .3em;
2716 div.edit_photo_box .info textarea.alt_text{
2719 div.edit_photo_box .info textarea{
2722 div.edit_photo_box .action{
2724 background: #F7F7F7;
2727 border:thin solid #cccccc;
2729 -moz-border-radius: .3em .3em .3em .3em;
2733 /* FLUID Image Reorderer */
2734 .fl-imageReorderer-item {
2736 .fl-reorderer-movable-hover a{
2738 background-color: #ECEECC;
2740 .fl-reorderer-movable-dragging a{
2741 background-color: #ECEECC;
2743 .fl-reorderer-dropMarker {
2744 border: 2px solid red;
2748 .fl-reorderer-avatar {
2750 filter:alpha(opacity=60);
2754 /* FLUID Simple Inline Editor */
2755 .fl-inlineEdit-invitation {
2756 background-color: #FFECB3 !important;
2757 border: 1px solid #CCC !important;
2759 .fl-inlineEdit-focus {
2760 border: 2px solid #777777;
2766 text-decoration:none;
2770 vertical-align:middle;
2775 /* End Photo Album Styles