1 /* main body attributes */
3 background-image:url(images/idi_background.png);
4 font-family: Tahoma, Geneva, sans-serif;
9 background-color: transparent;
13 margin: 0.5em 0em 1em 0em;
20 text-decoration: underline;
25 background-color: transparent;
30 background-color: transparent;
33 h1, h2, h3, h4, h5, h6 {
38 /*border-bottom: 1px solid #8CACBB;*/
62 border: 1px solid #8cacbb;
64 background-color: white;
69 /* Table of content attributes*/
71 font-family: Verdana, Helevetica, Arial, sans-serif;
72 background-color: #eeeeee;
78 border: 1px #98AAB1 solid;
95 list-style: disc url(../../images/folder.gif) outside;
101 li.folders .disabled {
105 /* link attributes */
108 text-decoration: underline;
112 text-decoration: underline;
115 text-decoration: none;
117 /* style for home page sublinks view */
174 border-top: #003399 solid 1px;
175 border-bottom: #003399 solid 1px;
176 border-right: #003399 solid 1px;
177 border-left: #003399 solid 1px;
182 /* align text to the left */
190 text-decoration: none;
196 border: 1px #606060 solid;
199 /* main submit button */
201 background-color: #EBEDF6;
203 border-top: #354A81 solid 1px;
204 border-bottom: #354A81 solid 1px;
205 border-right: #354A81 solid 1px;
206 border-left: #354A81 solid 1px;
209 /* small submit button at top */
211 background-color: #F8F8F8;
212 border-top: #354A81 solid 1px;
213 border-bottom: #354A81 solid 1px;
214 border-right: #354A81 solid 1px;
215 border-left: #354A81 solid 1px;
218 /* date attributes */
231 background-color: white;
235 /* message box styles */
237 /* Editor box small */
240 background-color: #EEEEEE;
243 border: 1px #99CCCC solid;
246 /* Editor box large */
249 background-color: #EEEEEE;
254 padding-bottom: .4em;
255 border: 1px #99CCCC solid;
260 background-color: #F1F3F1;
263 .highlight, a.highlight {
264 background-color: yellow;
268 background-color: yellow;
269 text-decoration: underline;
277 /* edit content tabs */
280 background-color: #ffffff;
289 background-color: #ffffff;
290 border-top: 1px #98AAB1 solid;
291 border-left: 1px #98AAB1 solid;
292 border-right: 1px #98AAB1 solid;
293 text-decoration: none;
298 .etab a:link, .etab a:visited {
300 text-decoration: none;
304 text-decoration: underline;
307 background-color: #EFEFEF;
308 border-top: 1px #98AAB1 solid;
309 border-left: 1px #98AAB1 solid;
310 border-right: 1px #98AAB1 solid;
317 background-color: #FFFDE0;
322 background-color: #FFFDE0;
327 /* the side menu heading */
328 td.dropdown-heading {
329 background-color: #D4E5FD;
331 border-left: 1px solid #EAF2FE;
332 border-right: 1px solid #EAF2FE;
333 border-top: 1px solid #EAF2FE;
338 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
339 text-decoration: none;
342 td.dropdown-heading.closed {
343 border-bottom: 1px solid #EAF2FE;
346 /* the side menu content */
349 background-color: white;
351 border-left: 1px solid #EAF2FE;
352 border-right: 1px solid #EAF2FE;
353 border-bottom: 1px solid #EAF2FE;
356 td.dropdown a, td.dropdown a:visited {
358 text-decoration: none;
360 td.dropdown a:hover {
362 text-decoration: underline;
371 /* added for 1.4.2: */
377 background-color: #FFF5A4;
389 p.search-description {
390 background-color: #FFFCE5;
395 background-color: #FFF5A4;
397 border-left: 1px solid #006699;
398 border-right: 1px solid #006699;
399 border-top: 1px solid #006699;
407 table.tabbed-table th#left-empty-tab {
408 background-color: transparent;
410 border-bottom: 1px solid #9DAB9A;
412 table.tabbed-table th#right-empty-tab {
414 background-color: transparent;
415 border-bottom: 1px solid #9DAB9A;
419 table.tabbed-table th#right-empty-tab a {
420 text-decoration: underline;
422 table.tabbed-table th.tab-spacer {
423 background-color: transparent;
425 border-bottom: 1px solid #9DAB9A;
428 table.tabbed-table th.tab {
432 background-color: #C9CEA4;
433 border-bottom: 1px solid #9DAB9A;
434 border-left: 1px solid #9DAB9A;
435 border-top: 1px solid #9DAB9A;
436 border-right: 1px solid #9DAB9A;
438 table.tabbed-table th.tab:hover {
439 background-color: #DFE1C7;
442 table.tabbed-table th.tab a:focus {
445 table.tabbed-table th.selected {
449 background-color: #DFE1C7;
450 border-left: 1px solid #9DAB9A;
451 border-top: 1px solid #9DAB9A;
452 border-right: 1px solid #9DAB9A;
455 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
457 text-decoration: none;
463 background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
464 background-repeat: no-repeat;
465 background-position: 2px 5px;
470 background-image: url(images/back.gif);
471 background-repeat: no-repeat;
472 background-position: 0px 0px;
476 /* The path bar, including breadcrumbs and add to favorites */
477 border-bottom-color: #8CACBB;
478 border-bottom-style: solid;
479 border-bottom-width: 1px;
489 border-bottom: 1px solid #f0f0f0;
499 background-color: #DEE7EC;
500 border-bottom: 1px solid #9DAB9A;
504 div#sub-navigation strong {
509 border-left: 1px solid black;
510 border-right: 1px solid black;
511 border-bottom: 1px solid black;
515 background-color: #efefef;
523 border-left: 1px solid black;
524 border-right: 1px solid black;
526 background-color: #efefef;
529 border-bottom: 1px solid black;
553 background-color: #EFEFEF;
558 border: 1px solid #cccccc;
560 text-decoration: none;
563 a#editor-link:hover {
564 background-color: #fafafa;
565 border: 1px solid #aaaaaa;
569 background-image: url(images/pen.gif);
570 background-repeat: no-repeat;
571 background-position: 0px 2px;
574 background-image: url(images/pen2.gif);
575 background-repeat: no-repeat;
576 background-position: 0px 2px;
580 /* for data tables */
582 border: 1px solid #f0f0f0;
587 border-collapse: collapse;
591 background-color: #f0f0f0;
596 table.data th a { text-align: right;
600 background-image: url('../default/images/sort.png');
601 background-repeat: no-repeat;
602 background-position: right;
603 text-decoration:none;
607 background-color: #fdfdfd;
610 table.data tbody th {
612 background-color: #fdfdfd;
620 table.data tbody tr:hover {
621 background-color: #f5f5ff;
625 table.data tbody tr.selected {
626 background-color: #f5f5ff;
631 background-color: #fafafa;
634 table.data tfoot tr:first-child td {
636 background-image: url('images/arrow_ltr.gif');
637 background-repeat: no-repeat;
638 background-position: 4px 5px;
642 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
644 background-image: none;
649 table.data tfoot input {
650 border: 1px solid #999;
651 background-color: white;
660 /* used for static tables with no form elements: */
661 table.data.static tbody tr:hover {
662 background-color: transparent;
666 table.data tfoot input[type=submit]:hover {
667 background-color: #f5f5ff;
670 /* course browser: */
678 div.browse-selected {
679 background-image: url('images/side_arrow.gif');
680 background-repeat: no-repeat;
682 background-position: center left;
685 div.browse-unselected {
697 padding-bottom: 25px;
698 background-color: #fffaf0;
699 border:1px #9DAB9A solid;
705 dl.browse-course dt {
709 padding: 5px 10px 5px 0px;
710 vertical-align: middle;
712 dl.browse-course dd {
714 padding: 5px 0px 5px 10px;
725 border:1px solid white;
728 /* feedback /errors */
735 border: 1px solid red;
737 background-color: #fffcf3;
739 background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
748 div#error ul, div#feedback ul, div#help ul {
761 border: 1px solid green;
763 background-color: #c3fffc;
774 border: 1px solid blue;
776 background-color: #c3ffff;
786 border: 1px solid #2905A1;
788 background-color: #E1D7E8;
794 text-decoration:underline;
802 border: 1px solid #FF8400;
804 background-color: #FFF6ED;
819 /* home page links */
828 div.home-link:hover {
830 background-color: #efefef;
831 border: 1px solid #afafaf;
837 text-decoration: none;
851 div.sequence-links a {
852 text-decoration: none;
858 background-color: white;
860 border-left: 1px solid #EAF2FE;
861 border-right: 1px solid #EAF2FE;
862 border-bottom: 1px solid #EAF2FE;
866 div.dropdown-heading {
867 background-color: #DFE1C7;
869 border-left: 1px solid #EAF2FE;
870 border-right: 1px solid #EAF2FE;
871 border-top: 1px solid #EAF2FE;
898 background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
899 border: 1px solid #8CACBB;
909 fieldset.group_form legend{
910 border:1px solid #cccccc;
928 border: 1px solid #000;
939 text-decoration: none;
942 border-left: 1px solid white;
943 border-right: 1px solid white;
946 div.paging li a:hover, div.paging li a.current {
947 background-color: #efefef;
948 border-left: 1px solid #000;
949 border-right: 1px solid #000;
956 background: transparent;
962 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
963 background: transparent;
964 border-collapse: collapse;
965 border-bottom: 1px solid #8CACBB;
966 padding: 0.5em 0em 0em 2em;
971 /* The normal, unselected tabs. They are all links */
972 background: transparent;
973 border-color: #8CACBB;
975 border-style: solid solid none solid;
979 padding: 0em 2em 0em;
982 div.tabs a.selected {
983 /* The selected tab. There's only one of this */
985 border-bottom: #DEE7EC 1px solid;
990 div.tabs a:hover, div.tabs a.active {
992 border-bottom: 1px solid #DEE7EC;
998 background-color: #DEE7EC;
1000 border: 1px solid #8CACBB;
1007 background: transparent;
1009 border-left: 1px solid #8CACBB;
1010 border-right: 1px solid #8CACBB;
1011 border-bottom: 1px solid #8CACBB;
1012 font-weight: normal;
1017 background: #DEE7EC;
1018 border: 1px solid #8CACBB;
1019 border-style: solid solid none solid;
1021 padding: 0em 1em 0em 1em;
1027 text-decoration: none;
1032 text-decoration: none;
1036 text-decoration: underline;
1049 text-transform: none;
1050 border-left: 1pt solid #8CACBB;
1063 background-color: #F7F9FA;
1067 background-color: transparent;
1074 /* users/index.php */
1080 border: rgb(204, 204, 204) 1px solid;
1081 background-color: white;
1093 font-weight: normal;
1099 background-color:#D1E3ED;
1100 border: #AAAAAA 1px solid;
1104 text-decoration: none;
1107 div.course:hover a {
1111 div.course a:hover {
1123 div.course img.icon {
1130 div.course div.shortcuts {
1133 vertical-align: middle;
1136 fieldset#shortcuts {
1137 background-color: #FAFAFA;
1138 border: 1pt solid #AAAAAA;
1139 margin: -5pt 5pt 5pt 5pt;
1140 padding-right: 10pt;
1141 padding-bottom: 5pt;
1148 padding-right: 10pt;
1154 margin-bottom: 10pt;
1158 background-color: white;
1165 list-style-type: none;
1170 background-image: url('../default/images/help.png');
1171 background-repeat: no-repeat;
1172 background-position: 2px 2px;
1173 padding: 1pt 10pt 1pt 23pt;
1177 background-color:#DEE7EC;
1178 border-left:thin solid #cccccc;
1179 border-right:thin solid #cccccc;
1180 border-bottom:thin solid #cccccc;
1181 border-radius: 0em 0em .5em .5em;
1182 -moz-border-radius: 0em 0em .5em .5em;
1194 div#content-text li {
1203 background-color:#DEE7EC;
1204 border:1px solid #8CACBB;
1205 border-radius: .3em .3em .3em .3em;
1206 -moz-border-radius: .3em .3em .3em .3em;
1208 div#content-test ol{
1213 div#content-test ol ul li{
1215 padding: 0px 2px 0px 15px;
1218 background-color: #fdfdfd;
1219 border-bottom: 1px solid #efefef;
1220 border: 1px solid #eeeeff;
1228 background-color:#F4F9FE;
1229 border:1px solid #70A1CA;
1230 border-radius: .3em .3em .3em .3em;
1231 -moz-border-radius: .3em .3em .3em .3em;
1233 div#content-forum ol{
1238 div#content-forum ol ul li{
1240 padding: 0px 2px 0px 15px;
1243 background-color: #fdfdfd;
1244 border-bottom: 1px solid #efefef;
1245 border: 1px solid #eeeeff;
1280 div[class] .insidecol {
1300 ul#home-links li a {
1301 text-decoration: none;
1302 border: 1px transparent;
1305 ul#home-links li a img {
1312 /* enrollment tabs */
1320 white-space: nowrap;
1331 border: 1px solid #e0e0e0;
1332 border-bottom: none;
1333 background: #fafafa;
1334 text-decoration: none;
1336 -moz-border-radius-topright: 4px;
1337 -moz-border-radius-topleft: 4px;
1338 white-space: nowrap;
1341 #navlist li a:hover, #navlist li a.active {
1348 vertical-align: middle;
1357 dl#public-profile dt {
1363 border-right: 1px solid #f0f0f0;
1364 padding: 5px 5px 5px 0px;
1365 vertical-align: middle;
1368 dl#public-profile dd {
1371 padding: 5px 0px 5px 5px;
1374 /* floating layout */
1385 #contentcolumn_shiftright {
1403 .forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1404 .forum-thread li.even { background: #fdfdfd; border-top: none; }
1405 .forum-thread li.odd { background: #fff; }
1406 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1407 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1408 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1409 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1410 div.forum-post-content h3 { font-weight: 500; }
1411 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1412 div.forum-post-ctrl a { text-decoration: none; }
1413 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1414 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1415 div.forum-post-content div.body p { margin-bottom:20px; }
1417 /** inbox stuff - reuses some of the forum layout **/
1418 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1421 div#topnavlistcontainer {
1422 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1423 background: transparent;
1424 border-collapse: collapse;
1425 border-bottom: 1px solid #8CACBB;
1426 padding: 0.5em 0em 0em 2em;
1441 display: inline-block;
1447 ul#topnavlist li:first-child a {
1451 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1452 background: #DEE7EC;
1453 border-bottom: 1px solid #DEE7EC;
1457 ul#topnavlist li a {
1458 /* The normal, unselected tabs. They are all links */
1459 background: transparent;
1460 border-color: #8CACBB;
1462 border-style: solid solid none solid;
1465 margin-right: 0.5em;
1466 padding: 0em 2em 0em;
1467 border-radius: .3em .3em 0em 0em;
1468 -moz-border-radius: .3em .3em 0em 0em;
1471 ul#topnavlist li a.selected {
1472 /* The selected tab. There's only one of this */
1473 background: #DEE7EC;
1474 border-bottom: #DEE7EC 1px solid;
1476 font-weight: normal;
1479 /* format of "table of contents" on content page */
1480 #toc a { display:block; margin:3px; }
1481 #toc .h2 { padding:0 0 0 10px;}
1482 #toc .h3 { padding:0 0 0 30px;}
1483 #toc .h4 { padding:0 0 0 40px; }
1484 #toc .h5 { padding:0 0 0 50px; }
1485 #toc .h6 { padding:0 0 0 60px; }
1491 padding-bottom:.3em;
1495 /* jQuery tooltip styles */
1499 border:3px solid #111;
1500 background-color:#eeeeee;
1504 #tooltip h3,#tooltip div{
1512 padding-bottom:.2em;
1513 text-decoration:none;
1516 /* style for home page modules "detail view" */
1528 background: #DEE7EC;
1532 border:1px solid #8CACBB;
1533 -moz-border-radius:.3em .3em .3em .3em;
1534 border-radius: .3em .3em .3em .3em;
1542 -moz-border-radius:.3em .3em .3em .3em;
1543 border-radius: .3em .3em .3em .3em;
1557 /* 1pxgs current box on My Start */
1564 border: 1px solid #cccccc;
1569 list-style-type:none;
1573 vertical-align:middle;
1578 padding-bottom: 10px;
1579 padding-right: 10px;
1585 #my_courses_container{
1591 border-radius: .5em .5em .5em .5em;
1592 -moz-border-radius: .5em .5em .5em .5em;
1593 -moz-box-shadow:.2em .2em .2em #999999;
1594 box-shadow: .2em .2em .2em #999999;
1596 /* berence Editor tabs */
1597 /* Preferences tabs */
1599 table.etabbed-table{
1604 /* Preference Editor tabs */
1605 .etabbed-list-container {
1613 border-bottom:1px #DEE7EC solid;
1616 background-color: transparent;
1617 border-bottom: 1px solid #cccccc;
1622 white-space: nowrap;
1623 background-color: transparent;
1624 margin-bottom: .5px;
1627 padding:0em 0em 0em;
1629 -moz-border-radius: .3em .3em .3em .3em;
1632 border-top: 1px solid #cccccc;
1633 border-left: 1px solid #cccccc;
1634 border-right: 1px solid #cccccc;
1637 white-space: nowrap;
1638 background-color: transparent;
1639 border-radius: .3em .3em 0em 0em;
1640 -moz-border-radius: .3em .3em 0em 0em;
1641 padding: .4em .5em .5em .5em ;
1643 padding-bottom: .9px;
1647 .prefs_buttontab:hover, .prefs_tab:hover, .prefs_tab:focus, .prefs_buttontab:focus{
1648 background-color: #eeeeee;
1651 .prefs_tab_selected{
1652 border-top: 1px solid #cccccc;
1653 border-left: 1px solid #cccccc;
1654 border-right: 1px solid #cccccc;
1656 background-color: #eeeeee;
1660 padding: .4em .2em 0em .5em ;
1661 white-space: nowrap;
1662 text-decoration:none;
1664 -moz-border-radius: .3em .3em 0em 0em;
1676 background-color:#eeeeee;
1677 border:thin solid #cccccc;
1678 border-radius:.3em .3em .3em .3em;
1679 -moz-border-radius:.3em .3em .3em .3em;
1683 ul#content-tool-links {
1684 list-style: none outside none;
1686 ul#content-tool-links li{
1697 ul#content-tool-links img{
1710 white-space: nowrap;
1716 /* Content editor tabs */
1719 border: 1px solid #DEE7EC;
1721 -moz-border-radius: .5em .5em .5em .5em;
1722 padding: .1em .5em .1em .5em ;
1729 white-space: nowrap;
1730 background-color: transparent;
1734 padding:0em 0em 0em;
1739 border-top: 1px solid #cccccc;
1740 border-left: 1px solid #cccccc;
1741 border-right: 1px solid #cccccc;
1743 margin-bottom:-.5em;
1745 white-space: nowrap;
1746 background-color: transparent;
1747 border-radius: .3em .3em 0em 0em;
1748 -moz-border-radius: .3em .3em 0em 0em;
1749 -moz-box-shadow:.1em .0em .1em #999999;
1750 box-shadow: .2em .0em .2em #999999;
1751 padding: 0em .2em 0em .2em ;
1754 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1755 background-color:#eeeeee;
1758 .editor_tab_selected{
1759 border-top: 1px solid #cccccc;
1760 border-left: 1px solid #cccccc;
1761 border-right: 1px solid #cccccc;
1763 padding: 0em .2em 0em .2em ;
1764 background-color: #eeeeee;
1767 white-space: nowrap;
1768 text-decoration:none;
1770 -moz-border-radius: .3em .3em 0em 0em;
1774 .editor_tab input[type=submit]{
1777 /* Transformable repository search */
1780 border:thin solid #cccccc;
1785 border-radius: .3em .3em .3em .3em;
1786 -moz-border-radius: .3em .3em .3em .3em;
1787 -moz-box-shadow:.1em .1em .1em #999999;
1788 box-shadow: .1em .1em .1em #999999;
1796 border:thin solid #cccccc;
1797 border-radius: .3em .3em .3em .3em;
1798 -moz-border-radius: .3em .3em .3em .3em;
1799 -moz-box-shadow:.1em .1em .1em #999999;
1800 box-shadow: .1em .1em .1em #999999;
1807 margin-bottom: -.5em;
1808 border-top:thin solid #cccccc;
1809 border-left:thin solid #cccccc;
1810 border-right:thin solid #cccccc;
1811 border-radius: .3em .3em 0em 0em;
1812 -moz-border-radius: .3em .3em 0em 0em;
1815 font-family: monospace;
1816 border: 2px solid rgb(0, 0, 0);
1819 color: rgb(255, 255, 255);
1820 background-color: rgb(0, 0, 0);
1824 border-bottom-width: 0px;
1827 font-weight: normal;
1832 #display-settings-preview{
1840 #defaultfontsize-wrapper{
1846 /* ATutor Social Styles */
1847 div .profile_container {
1848 background-color:#eee;
1849 border: 1px solid #8e8e8e;
1852 margin-bottom: 0.5em;
1855 div .profile_container .top_right {
1859 dl.public-profile dd{
1862 dl.public-profile dt {
1873 div .search_form .row{
1874 background-color: transparent;
1878 background-color: #eee;
1879 border: 1px solid #aaa;
1882 background-color: #cccccc;
1888 ul.social_side_menu {
1891 ul.social_side_menu li {
1892 padding-bottom: 0.2em;
1896 border-bottom:1px solid #C1C157;
1897 padding-bottom:0.5em;
1898 margin-bottom:0.5em;
1904 div.headingbox, h3.headingbox, a.headingbox{
1905 border:1px #cccccc solid;
1907 background-color: #eeeeee;
1908 text-decoration:none;
1912 div.contentbox, input-form{
1915 border-left:1px #cccccc solid;
1916 border-right:1px #dddddd solid;
1917 border-bottom:1px #cccccc solid;
1919 background-color: #ffffff;
1923 border:1px solid #a50707;
1931 ul.social_inline_menu{
1932 background-color: #eeeeee;
1933 border:thin #cccccc solid;
1939 border:thin solid #cccccc;
1959 .people-you-may-know{
1981 img.img-size-ascdesc{
1986 background:transparent;
1988 div.input-form fieldset{
1991 div.input-form legend{
1992 border:1px #DEE7EC solid;
1996 height:1em !important;
1998 div#subnavlistcontainer {
2004 div#subnavbacktopage {
2012 border:1px solid #e8e8e8;
2016 -moz-border-radius: .5em .5em .5em .5em;
2025 background-color: #F2F7FE;
2027 display: inline-block;
2030 border-top:1px solid #cccccc;
2031 border-left:1px solid #cccccc;
2032 border-right:1px solid #cccccc;
2033 border-radius: .3em .3em 0em 0em;
2034 -moz-border-radius: .3em .3em 0em 0em;
2036 padding: 0em .5em .6em .5em ;
2039 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
2041 text-decoration:none;
2042 background-color: #DEE7EC;
2045 ul#subnavlist li a {
2046 /* The normal, unselected tabs. They are all links */
2049 text-decoration:underline;
2053 /* Photo Album Styles
2071 padding-right: 0.5em;
2083 background: #F7F7F7;
2084 border: 1px solid #D2D2D2;
2087 -moz-border-radius: .5em .5em .5em .5em;
2088 -moz-box-shadow:.2em .2em .1em #999999;
2089 box-shadow: .2em .2em .1em #999999;
2092 div.album_panel div.photo_wrapper {
2093 /* This class is to fix the problem where the images shift
2094 * to the right when there is a border upon selection
2099 div.album_panel .photo_frame{
2106 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2111 background: #FCE6C9;
2113 div.album_panel .photo_frame img{
2114 background: #FFFFFF;
2115 border: 1px solid #D2D2D2;
2118 div.album_panel .album_description{
2125 /* background-image: url('images/search_bg.png');
2126 background-repeat: no-repeat; */
2127 background-color:#ffffff;
2128 border:thin solid #cccccc;
2135 -moz-border-radius:.8em .8em .8em .8em;
2136 -moz-box-shadow:.2em .2em .1em #999999;
2137 box-shadow: .2em .2em .1em #999999;
2146 div.search_bar .s_img{
2149 margin-top: 0.375em;
2150 margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2151 margin-right: 0.4em;
2155 background: #FFFFFF;
2157 border: 1px solid #D2D2D2;
2161 border-radius:.5em .5em .5em .5em;
2162 -moz-border-radius: .5em .5em .5em .5em;
2163 -moz-box-shadow:.2em .2em .1em #999999;
2164 box-shadow: .2em .2em .1em #999999;
2174 div.album .image img.no-image {
2178 background-color: #EFEFEF;
2184 div.album .info span{
2192 div.album .search_photo_frame{
2199 border: 1px solid #d3d3d3;
2202 div.album .search_slider{
2205 position: relative; /* ie7 */
2207 div.album .search_slider_left{
2211 div.album .search_slider_right{
2216 div.album .search_slider ul {
2217 list-style-type: none;
2223 div.album .search_slider ul li{
2226 div.album .search_slider_a{
2229 div.album .search_slider_p{
2230 width: 730px; /* 146 per frame, 5 frame per row */
2232 div.album .search_slider_p ul li{
2233 /* height: 576px; /* 144 per frame, 4 row */
2234 width: 730px; /* 146 per frame, 5 frame per row */
2236 div.album .search_paginator {
2242 background: #F7F7F7;
2243 border: 1px solid #D2D2D2;
2246 -moz-border-radius: .3em .3em .3em .3em;
2253 div.add_photo .toggle_uploader{
2257 div.add_photo div#ajax_uploader{
2261 div.add_photo .files .tn {
2267 div.add_photo ul li{
2273 border-bottom: 1px solid #ddd;
2274 /* display: inline; */
2276 div.add_photo p.memory_usage {
2282 div.add_profile_photo{
2284 background: #F7F7F7;
2285 border: 1px solid #D2D2D2;
2288 -moz-border-radius: .5em .5em .5em .5em;
2289 -moz-box-shadow:.2em .2em .1em #999999;
2290 box-shadow: .2em .2em .1em #999999;
2294 div.add_profile_photo .profile_photo{
2299 div.add_profile_photo .uploader{
2303 border-bottom: 1px solid #ddd;
2307 background: #F7F7F7;
2309 border: 1px solid #D2D2D2;
2314 -moz-border-radius: .5em .5em .5em .5em;
2316 div.photo_panel img{
2317 background: #FFFFFF;
2318 border: 1px solid #D2D2D2;
2321 div.photo_panel div.ordering{
2324 div.photo_panel div.paginator{
2327 div.photo_panel .flc-inlineEditable{
2331 padding-bottom: 0.5em;
2334 background: #FFFFFF;
2336 border: 1px solid #D2D2D2;
2339 border-radius: .3em .3em .3em .3em;
2340 -moz-border-radius: .3em .3em .3em .3em;
2341 -moz-box-shadow:.2em .2em .1em #999999;
2342 box-shadow: .2em .2em .1em #999999;
2345 div.comment_panel .comment_feeds{
2349 div.comment_panel .photo_actions{
2352 background: #F7F7F7;
2355 border:thin solid #cccccc;
2357 -moz-border-radius: .3em .3em .3em .3em;
2359 .row textarea#comment_template, textarea#comment_template active{
2360 background-color:#eeeeee;
2361 border:thin solid #eeeeee;
2362 border:thin solid #cccccc;
2365 -moz-border-radius: .3em .3em .3em .3em;
2367 .row textarea#comment{
2368 background-color:#ffffff;
2369 border:thin solid #eeeeee;
2370 border:thin solid #cccccc;
2373 -moz-border-radius: .3em .3em .3em .3em;
2375 div.comment_panel textarea{
2384 padding-bottom: 0.5em;
2385 background: #F7F7F7;
2387 div.comment_box .comment_actions{
2394 div.edit_photo_frame{
2398 background: #F7F7F7;
2399 border:thin solid #cccccc;
2401 -moz-border-radius: .5em .5em .5em .5em;
2405 border: 1px solid #D2D2D2;
2408 margin-bottom: 0.8em;
2412 -moz-border-radius: .3em .3em .3em .3em;
2414 div.edit_photo_box .info{
2420 background-color: #eeeeee;
2421 border:thin solid #cccccc;
2423 -moz-border-radius: .3em .3em .3em .3em;
2426 div.edit_photo_box .info textarea.alt_text{
2429 div.edit_photo_box .info textarea{
2432 div.edit_photo_box .action{
2434 background: #F7F7F7;
2437 border:thin solid #cccccc;
2439 -moz-border-radius: .3em .3em .3em .3em;
2443 /* FLUID Image Reorderer */
2444 .fl-imageReorderer-item {
2446 .fl-reorderer-movable-hover a{
2448 background-color: #ECEECC;
2450 .fl-reorderer-movable-dragging a{
2451 background-color: #ECEECC;
2453 .fl-reorderer-dropMarker {
2454 border: 2px solid red;
2458 .fl-reorderer-avatar {
2460 filter:alpha(opacity=60);
2464 /* FLUID Simple Inline Editor */
2465 .fl-inlineEdit-invitation {
2466 background-color: #FFECB3 !important;
2467 border: 1px solid #CCC !important;
2469 .fl-inlineEdit-focus {
2470 border: 2px solid #777777;
2476 text-decoration:none;
2480 vertical-align:middle;
2485 /* End Photo Album Styles