1 /* main body attributes */
3 font-family: Verdana, Helevetica, Arial, sans-serif;
7 background-color: white;
11 margin: 0.5em 0em 1em 0em;
18 text-decoration: underline;
23 background-color: transparent;
28 background-color: transparent;
31 h1, h2, h3, h4, h5, h6 {
36 /*border-bottom: 1px solid #8CACBB;*/
60 border: 1px solid #8cacbb;
62 background-color: white;
67 /* Table of content attributes*/
69 background-color: #eeeeee;
75 border: 1px #98AAB1 solid;
92 list-style: disc url(../../images/folder.gif) outside;
98 li.folders .disabled {
102 /* link attributes */
105 text-decoration: none;
109 text-decoration: none;
113 border-top: #003399 solid 1px;
114 border-bottom: #003399 solid 1px;
115 border-right: #003399 solid 1px;
116 border-left: #003399 solid 1px;
121 /* align text to the left */
129 text-decoration: none;
135 border: 1px #606060 solid;
138 /* main submit button */
140 background-color: #EBEDF6;
142 border-top: #354A81 solid 1px;
143 border-bottom: #354A81 solid 1px;
144 border-right: #354A81 solid 1px;
145 border-left: #354A81 solid 1px;
148 /* small submit button at top */
150 background-color: #F8F8F8;
151 border-top: #354A81 solid 1px;
152 border-bottom: #354A81 solid 1px;
153 border-right: #354A81 solid 1px;
154 border-left: #354A81 solid 1px;
157 /* date attributes */
170 background-color: white;
174 /* message box styles */
176 /* Editor box small */
178 background-color: #EEEEEE;
181 border: 1px #99CCCC solid;
184 /* Editor box large */
186 background-color: #EEEEEE;
191 padding-bottom: .4em;
192 border: 1px #99CCCC solid;
197 background-color: #F1F3F1;
200 .highlight, a.highlight {
201 background-color: yellow;
205 background-color: yellow;
206 text-decoration: underline;
214 /* edit content tabs */
217 background-color: #ffffff;
226 background-color: #ffffff;
227 border-top: 1px #98AAB1 solid;
228 border-left: 1px #98AAB1 solid;
229 border-right: 1px #98AAB1 solid;
230 text-decoration: none;
235 .etab a:link, .etab a:visited {
237 text-decoration: none;
241 text-decoration: underline;
244 background-color: #EFEFEF;
245 border-top: 1px #98AAB1 solid;
246 border-left: 1px #98AAB1 solid;
247 border-right: 1px #98AAB1 solid;
254 background-color: #FFFDE0;
259 background-color: #FFFDE0;
266 /* the side menu heading */
267 td.dropdown-heading {
268 background-color: #D4E5FD;
270 border-left: 1px solid #EAF2FE;
271 border-right: 1px solid #EAF2FE;
272 border-top: 1px solid #EAF2FE;
277 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
278 text-decoration: none;
281 td.dropdown-heading.closed {
282 border-bottom: 1px solid #EAF2FE;
285 /* the side menu content */
288 background-color: white;
290 border-left: 1px solid #EAF2FE;
291 border-right: 1px solid #EAF2FE;
292 border-bottom: 1px solid #EAF2FE;
295 td.dropdown a, td.dropdown a:visited {
297 text-decoration: none;
299 td.dropdown a:hover {
301 text-decoration: underline;
310 /* added for 1.4.2: */
316 background-color: #FFF5A4;
328 p.search-description {
329 background-color: #FFFCE5;
334 background-color: #FFF5A4;
336 border-left: 1px solid #006699;
337 border-right: 1px solid #006699;
338 border-top: 1px solid #006699;
343 /***************************************************************/
349 table.tabbed-table th#left-empty-tab {
350 background-color: transparent;
352 border-bottom: 1px solid #9DAB9A;
354 table.tabbed-table th#right-empty-tab {
356 background-color: transparent;
357 border-bottom: 1px solid #9DAB9A;
361 table.tabbed-table th#right-empty-tab a {
362 text-decoration: underline;
364 table.tabbed-table th.tab-spacer {
365 background-color: transparent;
367 border-bottom: 1px solid #9DAB9A;
370 table.tabbed-table th.tab {
374 background-color: #C9CEA4;
375 border-bottom: 1px solid #9DAB9A;
376 border-left: 1px solid #9DAB9A;
377 border-top: 1px solid #9DAB9A;
378 border-right: 1px solid #9DAB9A;
380 table.tabbed-table th.tab:hover {
381 background-color: #DFE1C7;
384 table.tabbed-table th.tab a:focus {
387 table.tabbed-table th.selected {
391 background-color: #DFE1C7;
392 border-left: 1px solid #9DAB9A;
393 border-top: 1px solid #9DAB9A;
394 border-right: 1px solid #9DAB9A;
397 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
399 text-decoration: none;
405 background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
406 background-repeat: no-repeat;
407 background-position: 2px 5px;
412 background-image: url(images/back.gif);
413 background-repeat: no-repeat;
414 background-position: 0px 0px;
418 /* The path bar, including breadcrumbs and add to favorites */
419 border-bottom-color: #8CACBB;
420 border-bottom-style: solid;
421 border-bottom-width: 1px;
423 text-transform: lowercase;
432 border-bottom: 1px solid #f0f0f0;
442 background-color: #DEE7EC;
443 border-bottom: 1px solid #9DAB9A;
445 text-transform: lowercase;
449 div#sub-navigation strong {
454 border-left: 1px solid black;
455 border-right: 1px solid black;
456 border-bottom: 1px solid black;
460 background-color: #efefef;
469 border-left: 1px solid black;
470 border-right: 1px solid black;
472 background-color: #efefef;
475 border-bottom: 1px solid black;
499 text-transform: lowercase;
504 background-color: #EFEFEF;
509 border: 1px solid #cccccc;
511 text-decoration: none;
514 a#editor-link:hover {
515 background-color: #fafafa;
516 border: 1px solid #aaaaaa;
520 background-image: url(images/pen.gif);
521 background-repeat: no-repeat;
522 background-position: 0px 2px;
525 background-image: url(images/pen2.gif);
526 background-repeat: no-repeat;
527 background-position: 0px 2px;
531 /* for data tables */
533 border: 1px solid #f0f0f0;
538 border-collapse: collapse;
542 background-color: #f0f0f0;
547 table.data th a { text-align: right;
551 background-image: url('../default/images/sort.png');
552 background-repeat: no-repeat;
553 background-position: right;
554 text-decoration:none;
558 background-color: #fdfdfd;
561 table.data tbody th {
563 background-color: #fdfdfd;
571 table.data tbody tr:hover {
572 background-color: #f5f5ff;
576 table.data tbody tr.selected {
577 background-color: #f5f5ff;
582 background-color: #fafafa;
585 table.data tfoot tr:first-child td {
587 background-image: url('images/arrow_ltr.gif');
588 background-repeat: no-repeat;
589 background-position: 4px 5px;
593 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
595 background-image: none;
600 table.data tfoot input {
601 border: 1px solid #999;
602 background-color: white;
611 /* used for static tables with no form elements: */
612 table.data.static tbody tr:hover {
613 background-color: transparent;
617 table.data tfoot input[type=submit]:hover {
618 background-color: #f5f5ff;
621 /* course browser: */
629 div.browse-selected {
630 background-image: url('images/side_arrow.gif');
631 background-repeat: no-repeat;
633 background-position: center left;
636 div.browse-unselected {
648 padding-bottom: 25px;
649 background-color: #fffaf0;
650 border:1px #9DAB9A solid;
656 dl.browse-course dt {
660 padding: 5px 10px 5px 0px;
661 vertical-align: middle;
663 dl.browse-course dd {
665 padding: 5px 0px 5px 10px;
676 border:1px solid white;
679 /* feedback /errors */
686 border: 1px solid red;
688 background-color: #fffcf3;
690 background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
699 div#error ul, div#feedback ul, div#help ul {
712 border: 1px solid green;
714 background-color: #c3fffc;
725 border: 1px solid blue;
727 background-color: #c3ffff;
737 border: 1px solid #2905A1;
739 background-color: #E1D7E8;
750 border: 1px solid #FF8400;
752 background-color: #FFF6ED;
764 font-family: Verdana, Helevetica, Arial, sans-serif;
769 /* home page links */
778 div.home-link:hover {
780 background-color: #efefef;
781 border: 1px solid #afafaf;
787 text-decoration: none;
802 div.sequence-links a {
803 text-decoration: none;
809 background-color: white;
811 border-left: 1px solid #EAF2FE;
812 border-right: 1px solid #EAF2FE;
813 border-bottom: 1px solid #EAF2FE;
817 div.dropdown-heading {
818 background-color: #DFE1C7;
820 border-left: 1px solid #EAF2FE;
821 border-right: 1px solid #EAF2FE;
822 border-top: 1px solid #EAF2FE;
849 background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
850 border: 1px solid #8CACBB;
852 text-transform: lowercase;
873 border: 1px solid #000;
884 text-decoration: none;
887 border-left: 1px solid white;
888 border-right: 1px solid white;
891 div.paging li a:hover, div.paging li a.current {
892 background-color: #efefef;
893 border-left: 1px solid #000;
894 border-right: 1px solid #000;
901 background: transparent;
907 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
908 background: transparent;
909 border-collapse: collapse;
910 border-bottom: 1px solid #8CACBB;
911 padding: 0.5em 0em 0em 2em;
917 /* The normal, unselected tabs. They are all links */
918 background: transparent;
919 border-color: #8CACBB;
921 border-style: solid solid none solid;
925 padding: 0em 2em 0em;
926 text-transform: lowercase;
929 div.tabs a.selected {
930 /* The selected tab. There's only one of this */
932 border-bottom: #DEE7EC 1px solid;
937 div.tabs a:hover, div.tabs a.active {
939 border-bottom: 1px solid #DEE7EC;
946 background-color: #DEE7EC;
948 border: 1px solid #8CACBB;
950 text-transform: lowercase;
956 background-color: white;
958 border-left: 1px solid #8CACBB;
959 border-right: 1px solid #8CACBB;
960 border-bottom: 1px solid #8CACBB;
967 border: 1px solid #8CACBB;
968 border-style: solid solid none solid;
970 padding: 0em 1em 0em 1em;
971 text-transform: lowercase;
978 text-decoration: none;
983 text-decoration: none;
987 text-decoration: underline;
1001 text-transform: none;
1002 border-left: 1pt solid #8CACBB;
1015 background-color: #F7F9FA;
1019 background-color: transparent;
1026 /* users/index.php */
1032 border: rgb(204, 204, 204) 1px solid;
1033 background-color: white;
1046 font-weight: normal;
1052 background-color:#D1E3ED;
1053 border: #AAAAAA 1px solid;
1057 text-decoration: none;
1060 div.course:hover a {
1064 div.course a:hover {
1076 div.course img.icon {
1083 div.course div.shortcuts {
1086 vertical-align: middle;
1089 fieldset#shortcuts {
1090 background-color: #FAFAFA;
1091 border: 1pt solid #AAAAAA;
1092 margin: -5pt 5pt 5pt 5pt;
1093 padding-right: 10pt;
1094 padding-bottom: 5pt;
1101 padding-right: 10pt;
1107 margin-bottom: 10pt;
1111 background-color: white;
1118 list-style-type: none;
1123 background-image: url('../default/images/help.png');
1124 background-repeat: no-repeat;
1125 background-position: 2px 2px;
1126 padding: 1pt 10pt 1pt 23pt;
1131 background-color:#DEE7EC;
1132 border-left:thin solid #cccccc;
1133 border-right:thin solid #cccccc;
1134 border-bottom:thin solid #cccccc;
1135 border-radius: 0em 0em .5em .5em;;
1136 -moz-border-radius: 0em 0em .5em .5em;
1147 div#content-text li {
1157 background-color:#DEE7EC;
1158 border:1px solid #8CACBB;
1159 border-radius: .3em .3em .3em .3em;
1160 -moz-border-radius: .3em .3em .3em .3em;
1162 div#content-test ol{
1167 div#content-test ol ul li{
1169 padding: 0px 2px 0px 15px;
1172 background-color: #fdfdfd;
1173 border-bottom: 1px solid #efefef;
1174 border: 1px solid #eeeeff;
1193 /* border: 1px solid #e0e0e0;*/
1210 div[class] .insidecol {
1231 ul#home-links li a {
1232 text-decoration: none;
1233 border: 1px transparent;
1236 ul#home-links li a img {
1243 /* enrollment tabs */
1251 white-space: nowrap;
1262 border: 1px solid #e0e0e0;
1263 border-bottom: none;
1264 background: #fafafa;
1265 text-decoration: none;
1267 -moz-border-radius-topright: 4px;
1268 -moz-border-radius-topleft: 4px;
1269 white-space: nowrap;
1272 #navlist li a:hover, #navlist li a.active {
1279 vertical-align: middle;
1288 dl#public-profile dt {
1294 border-right: 1px solid #f0f0f0;
1295 padding: 5px 5px 5px 0px;
1296 vertical-align: middle;
1299 dl#public-profile dd {
1302 padding: 5px 0px 5px 5px;
1305 /* floating layout */
1316 #contentcolumn_shiftright {
1334 .forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1335 .forum-thread li.even { background: #fdfdfd; border-top: none; }
1336 .forum-thread li.odd { background: #fff; }
1337 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1338 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1339 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1340 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1341 div.forum-post-content h3 { font-weight: 500; }
1342 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1343 div.forum-post-ctrl a { text-decoration: none; }
1344 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1345 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1346 div.forum-post-content div.body p { margin-bottom:20px; }
1348 /** inbox stuff - reuses some of the forum layout **/
1349 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1352 div#topnavlistcontainer {
1353 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1354 background: transparent;
1355 border-collapse: collapse;
1356 border-bottom: 1px solid #8CACBB;
1357 padding: 0.5em 0em 0em 2em;
1373 display: inline-block;
1380 ul#topnavlist li:first-child a {
1384 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1385 background: #DEE7EC;
1386 border-bottom: 1px solid #DEE7EC;
1390 ul#topnavlist li a {
1391 /* The normal, unselected tabs. They are all links */
1392 background: transparent;
1393 border-color: #8CACBB;
1395 border-style: solid solid none solid;
1398 margin-right: 0.5em;
1399 padding: 0em 2em 0em;
1400 text-transform: lowercase;
1403 ul#topnavlist li a.selected {
1404 /* The selected tab. There's only one of this */
1405 background: #DEE7EC;
1406 border-bottom: #DEE7EC 1px solid;
1408 font-weight: normal;
1411 /* format of "table of contents" on content page */
1412 #toc a { display:block; margin:3px; }
1413 #toc .h2 { padding:0 0 0 10px;}
1414 #toc .h3 { padding:0 0 0 30px;}
1415 #toc .h4 { padding:0 0 0 40px; }
1416 #toc .h5 { padding:0 0 0 50px; }
1417 #toc .h6 { padding:0 0 0 60px; }
1423 padding-bottom:.3em;
1427 /* jQuery tooltip styles */
1431 border:3px solid #111;
1432 background-color:#eeeeee;
1436 #tooltip h3,#tooltip div{
1444 padding-bottom:.2em;
1445 text-decoration:none;
1446 border-bottom:1px dashed;
1449 /* style for home page modules "detail view" */
1460 background: #DEE7EC;
1464 -moz-border-radius:.3em .3em .3em .3em;
1465 border-radius: .3em .3em .3em .3em;
1472 -moz-border-radius:.3em .3em .3em .3em;
1473 border-radius: .3em .3em .3em .3em;
1505 .draggable_selected {
1506 background-color: lightgrey;
1509 /* 1pxgs current box on My Start */
1516 border: 1px solid #cccccc;
1521 list-style-type:none;
1525 vertical-align:middle;
1530 padding-bottom: 10px;
1531 padding-right: 10px;
1537 #my_courses_container{
1543 border-radius: .5em .5em .5em .5em;
1544 -moz-border-radius: .5em .5em .5em .5em;
1545 /* -moz-box-shadow:.2em .2em .2em #999999;
1546 box-shadow: .2em .2em .2em #999999;*/
1548 /* berence Editor tabs */
1549 /* Preferences tabs */
1551 table.etabbed-table{
1556 /* Preference Editor tabs */
1557 .etabbed-list-container {
1568 border-bottom:1px #DEE7EC solid;
1571 background-color: transparent;
1576 white-space: nowrap;
1577 background-color: #ffffff;
1578 margin-bottom: .5px;
1581 padding:0em 0em 0em;
1583 -moz-border-radius: .3em .3em .3em .3em;
1587 border-top: 1px solid #cccccc;
1588 border-left: 1px solid #cccccc;
1589 border-right: 1px solid #cccccc;
1591 white-space: nowrap;
1592 background-color: #FFFFFF;
1593 border-radius: .3em .3em 0em 0em;
1594 -moz-border-radius: .3em .3em 0em 0em;
1595 padding: .2em .5em 0em .5em ;
1596 -moz-box-shadow:.1em .1em 0 #999999;
1597 box-shadow: .1em .1em 0 #999999;
1599 padding-bottom: .9px;
1604 .prefs_buttontab:hover, .prefs_tab:hover {
1605 background-color: #eeeeee;
1608 .prefs_tab_selected{
1609 border-top: 1px solid #cccccc;
1610 border-left: 1px solid #cccccc;
1611 border-right: 1px solid #cccccc;
1613 background-color: #eeeeee;
1616 padding: .3em .5em 0em .5em ;
1617 white-space: nowrap;
1618 text-decoration:none;
1620 -moz-border-radius: .3em .3em 0em 0em;
1621 -moz-box-shadow:.1em .1em .0 #999999;
1622 box-shadow: .1em .1em .1em #999999;
1635 background-color:#eeeeee;
1636 border:thin solid #cccccc;
1637 border-radius:.3em .3em .3em .3em;
1638 -moz-border-radius:.3em .3em .3em .3em;
1642 ul#content-tool-links {
1643 list-style: none outside none;
1645 ul#content-tool-links li{
1656 ul#content-tool-links img{
1669 white-space: nowrap;
1675 /* Content editor tabs */
1678 border: 1px solid #DEE7EC;
1681 -moz-border-radius: .5em .5em .5em .5em;
1682 padding: .1em .5em .1em .5em ;
1690 white-space: nowrap;
1691 background-color: #ffffff;
1694 padding:0em 0em 0em;
1698 border-top: 1px solid #cccccc;
1699 border-left: 1px solid #cccccc;
1700 border-right: 1px solid #cccccc;
1702 margin-bottom:-.5em;
1704 white-space: nowrap;
1705 background-color: #ffffff;
1706 border-radius: .3em .3em 0em 0em;
1707 -moz-border-radius: .3em .3em 0em 0em;
1708 -moz-box-shadow:.1em .0em .1em #999999;
1709 box-shadow: .2em .0em .2em #999999;
1710 padding: 0em .2em 0em .2em ;
1713 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1714 background-color:#eeeeee;
1717 .editor_tab_selected{
1718 border-top: 1px solid #cccccc;
1719 border-left: 1px solid #cccccc;
1720 border-right: 1px solid #cccccc;
1722 padding: 0em .2em 0em .2em ;
1723 background-color: #eeeeee;
1726 white-space: nowrap;
1727 text-decoration:none;
1729 -moz-border-radius: .3em .3em 0em 0em;
1733 .editor_tab input[type=submit]{
1736 /* Transformable repository search */
1739 border:thin solid #cccccc;
1744 border-radius: .3em .3em .3em .3em;
1745 -moz-border-radius: .3em .3em .3em .3em;
1746 -moz-box-shadow:.1em .1em .1em #999999;
1747 box-shadow: .1em .1em .1em #999999;
1755 border:thin solid #cccccc;
1756 border-radius: .3em .3em .3em .3em;
1757 -moz-border-radius: .3em .3em .3em .3em;
1758 -moz-box-shadow:.1em .1em .1em #999999;
1759 box-shadow: .1em .1em .1em #999999;
1766 margin-bottom: -.5em;
1767 border-top:thin solid #cccccc;
1768 border-left:thin solid #cccccc;
1769 border-right:thin solid #cccccc;
1770 border-radius: .3em .3em 0em 0em;
1771 -moz-border-radius: .3em .3em 0em 0em;
1774 font-family: monospace;
1775 border: 2px solid rgb(0, 0, 0);
1778 color: rgb(255, 255, 255);
1779 background-color: rgb(0, 0, 0);
1783 border-bottom-width: 0px;
1786 font-weight: normal;
1791 #display-settings-preview{
1799 #defaultfontsize-wrapper{
1805 /* ATutor Social Styles */
1806 div .profile_container {
1807 background-color:#eee;
1808 border: 1px solid #8e8e8e;
1811 margin-bottom: 0.5em;
1814 div .profile_container .top_right {
1818 dl.public-profile dd{
1821 dl.public-profile dt {
1832 div .search_form .row{
1833 background-color: #DEDEC0;
1837 background-color: #eee;
1838 border: 1px solid #aaa;
1841 background-color: #cccccc;
1848 ul.social_side_menu {
1851 ul.social_side_menu li {
1852 padding-bottom: 0.2em;
1857 border-bottom:1px solid #C1C157;
1858 padding-bottom:0.5em;
1859 margin-bottom:0.5em;
1867 div.headingbox, h3.headingbox, a.headingbox{
1868 border:1px #cccccc solid;
1870 background-color: #eeeeee;
1871 text-decoration:none;
1876 div.contentbox, input-form{
1879 border-left:1px #cccccc solid;
1880 border-right:1px #dddddd solid;
1881 border-bottom:1px #cccccc solid;
1883 background-color: #ffffff;
1888 border:1px solid #a50707;
1896 ul.social_inline_menu{
1897 background-color: #eeeeee;
1898 border:thin #cccccc solid;
1904 border:thin solid #cccccc;
1925 div#subnavlistcontainer {
1931 div#subnavbacktopage {
1940 border:1px solid #e8e8e8;
1944 -moz-border-radius: .5em .5em .5em .5em;
1950 font-family: Verdana,Helvetica,Arial,serif;
1957 background-color: #FFFFFF;
1959 display: inline-block;
1962 border-top:1px solid #cccccc;
1963 border-left:1px solid #cccccc;
1964 border-right:1px solid #cccccc;
1965 border-radius: .3em .3em 0em 0em;
1966 -moz-border-radius: .3em .3em 0em 0em;
1968 padding: 0em .5em .6em .5em ;
1971 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1973 text-decoration:none;
1974 background-color: #E6E6E6;
1977 ul#subnavlist li a {
1978 /* The normal, unselected tabs. They are all links */
1981 text-decoration:underline;
1985 fieldset.group_form{
1987 border:1px #70A1CA solid;
1993 fieldset.group_form legend{
1994 border:1px #70A1CA solid;
1995 background-color: #F4F9FE;
2001 -moz-border-radius: .2em .2em .2em .2em;
2007 /* Photo Album Styles
2025 padding-right: 0.5em;
2037 background: #F7F7F7;
2038 border: 1px solid #D2D2D2;
2041 -moz-border-radius: .5em .5em .5em .5em;
2042 -moz-box-shadow:.2em .2em .1em #999999;
2043 box-shadow: .2em .2em .1em #999999;
2046 div.album_panel div.photo_wrapper {
2047 /* This class is to fix the problem where the images shift
2048 * to the right when there is a border upon selection
2053 div.album_panel .photo_frame{
2060 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2065 background: #FCE6C9;
2067 div.album_panel .photo_frame img{
2068 background: #FFFFFF;
2069 border: 1px solid #D2D2D2;
2072 div.album_panel .album_description{
2079 /* background-image: url('images/search_bg.png');
2080 background-repeat: no-repeat; */
2081 background-color:#ffffff;
2082 border:thin solid #cccccc;
2089 -moz-border-radius:.8em .8em .8em .8em;
2090 -moz-box-shadow:.2em .2em .1em #999999;
2091 box-shadow: .2em .2em .1em #999999;
2100 div.search_bar .s_img{
2103 margin-top: 0.375em;
2104 margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2105 margin-right: 0.4em;
2109 background: #FFFFFF;
2111 border: 1px solid #D2D2D2;
2115 border-radius:.5em .5em .5em .5em;
2116 -moz-border-radius: .5em .5em .5em .5em;
2117 -moz-box-shadow:.2em .2em .1em #999999;
2118 box-shadow: .2em .2em .1em #999999;
2128 div.album .image img.no-image {
2132 background-color: #EFEFEF;
2138 div.album .info span{
2146 div.album .search_photo_frame{
2153 border: 1px solid #d3d3d3;
2156 div.album .search_slider{
2159 position: relative; /* ie7 */
2161 div.album .search_slider_left{
2165 div.album .search_slider_right{
2170 div.album .search_slider ul {
2171 list-style-type: none;
2177 div.album .search_slider ul li{
2180 div.album .search_slider_a{
2183 div.album .search_slider_p{
2184 width: 730px; /* 146 per frame, 5 frame per row */
2186 div.album .search_slider_p ul li{
2187 /* height: 576px; /* 144 per frame, 4 row */
2188 width: 730px; /* 146 per frame, 5 frame per row */
2190 div.album .search_paginator {
2196 background: #F7F7F7;
2197 border: 1px solid #D2D2D2;
2200 -moz-border-radius: .3em .3em .3em .3em;
2207 div.add_photo .toggle_uploader{
2211 div.add_photo div#ajax_uploader{
2215 div.add_photo .files .tn {
2221 div.add_photo ul li{
2227 border-bottom: 1px solid #ddd;
2228 /* display: inline; */
2230 div.add_photo p.memory_usage {
2236 div.add_profile_photo{
2238 background: #F7F7F7;
2239 border: 1px solid #D2D2D2;
2242 -moz-border-radius: .5em .5em .5em .5em;
2243 -moz-box-shadow:.2em .2em .1em #999999;
2244 box-shadow: .2em .2em .1em #999999;
2248 div.add_profile_photo .profile_photo{
2253 div.add_profile_photo .uploader{
2257 border-bottom: 1px solid #ddd;
2261 background: #F7F7F7;
2263 border: 1px solid #D2D2D2;
2268 -moz-border-radius: .5em .5em .5em .5em;
2270 div.photo_panel img{
2271 background: #FFFFFF;
2272 border: 1px solid #D2D2D2;
2275 div.photo_panel div.ordering{
2278 div.photo_panel div.paginator{
2281 div.photo_panel .flc-inlineEditable{
2285 padding-bottom: 0.5em;
2288 background: #FFFFFF;
2290 border: 1px solid #D2D2D2;
2293 border-radius: .3em .3em .3em .3em;
2294 -moz-border-radius: .3em .3em .3em .3em;
2295 -moz-box-shadow:.2em .2em .1em #999999;
2296 box-shadow: .2em .2em .1em #999999;
2299 div.comment_panel .comment_feeds{
2303 div.comment_panel .photo_actions{
2306 background: #F7F7F7;
2309 border:thin solid #cccccc;
2311 -moz-border-radius: .3em .3em .3em .3em;
2313 .row textarea#comment_template, textarea#comment_template active{
2314 background-color:#eeeeee;
2315 border:thin solid #eeeeee;
2316 border:thin solid #cccccc;
2319 -moz-border-radius: .3em .3em .3em .3em;
2321 .row textarea#comment{
2322 background-color:#ffffff;
2323 border:thin solid #eeeeee;
2324 border:thin solid #cccccc;
2327 -moz-border-radius: .3em .3em .3em .3em;
2329 div.comment_panel textarea{
2338 padding-bottom: 0.5em;
2339 background: #F7F7F7;
2341 div.comment_box .comment_actions{
2348 div.edit_photo_frame{
2352 background: #F7F7F7;
2353 border:thin solid #cccccc;
2355 -moz-border-radius: .5em .5em .5em .5em;
2359 border: 1px solid #D2D2D2;
2362 margin-bottom: 0.8em;
2366 -moz-border-radius: .3em .3em .3em .3em;
2368 div.edit_photo_box .info{
2374 background-color: #eeeeee;
2375 border:thin solid #cccccc;
2377 -moz-border-radius: .3em .3em .3em .3em;
2380 div.edit_photo_box .info textarea.alt_text{
2383 div.edit_photo_box .info textarea{
2386 div.edit_photo_box .action{
2388 background: #F7F7F7;
2391 border:thin solid #cccccc;
2393 -moz-border-radius: .3em .3em .3em .3em;
2397 /* FLUID Image Reorderer */
2398 .fl-imageReorderer-item {
2400 .fl-reorderer-movable-hover a{
2402 background-color: #ECEECC;
2404 .fl-reorderer-movable-dragging a{
2405 background-color: #ECEECC;
2407 .fl-reorderer-dropMarker {
2408 border: 2px solid red;
2412 .fl-reorderer-avatar {
2414 filter:alpha(opacity=60);
2418 /* FLUID Simple Inline Editor */
2419 .fl-inlineEdit-invitation {
2420 background-color: #FFECB3 !important;
2421 border: 1px solid #CCC !important;
2423 .fl-inlineEdit-focus {
2424 border: 2px solid #777777;
2430 text-decoration:none;
2434 vertical-align:middle;
2439 /* End Photo Album Styles