5 Created by alex@friendica.pixelbits.de on 2012-10-23
9 Blue link hover - #6da6c4
10 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
11 Grey/body text - #626262
12 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
13 Dark Grey Gradients - #7c7d7b and #555753
17 @import url('css/typography.css');
32 border: 1px solid #b0b0b0;
37 -moz-border-radius: 3px;
38 -webkit-border-radius: 3px;
41 input[type=text-sidebar] {
42 border: 1px solid #b0b0b0;
48 -moz-border-radius: 3px;
49 -webkit-border-radius: 3px;
56 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
57 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
58 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
59 background-color: #bdbdbd;
62 border: 1px solid #7C7D7B;
64 -moz-border-radius: 5px;
65 -webkit-border-radius: 5px;
68 input[type=submit]:hover {
69 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
70 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
71 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
72 background-color: #1873a2;
74 border: 1px solid #7C7D7B;
75 box-shadow: 0 0 8px #BDBDBD;
76 -moz-box-shadow: 3px 3px 4px #959494;
77 -webkit-box-shadow: 3px 3px 4px #959494;
79 -moz-border-radius: 5px;
80 -webkit-border-radius: 5px;
82 input[type=submit]:active {
88 margin: 10px 10px 0 0;
97 color: #000; /* Safari and Opera */
102 color: #000; /* Firefox */
114 border: 1px solid #dddddd;
115 box-shadow: 3px 3px 6px #959494;
116 -moz-box-shadow: 3px 3px 6px #959494;
117 -webkit-box-shadow: 3px 3px 6px #959494;
118 background-color: #efefef;
124 background: none repeat scroll 0 0 #FFFFFF;
125 border: 1px solid #C5C5C5;
127 -moz-border-radius: 3px;
128 -webkit-border-radius: 3px;
129 box-shadow: 0 0 8px #BDBDBD;
130 -moz-box-shadow: 3px 3px 4px #959494;
131 -webkit-box-shadow: 3px 3px 4px #959494;
139 border: 1px solid #7C7D7B;
141 -moz-border-radius: 5px;
142 -webkit-border-radius: 5px;
144 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
145 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
146 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
147 background-color: #bdbdbd;
153 border: 1px solid #7C7D7B;
154 box-shadow: 0 0 8px #BDBDBD;
155 -moz-box-shadow: 3px 3px 4px #959494;
156 -webkit-box-shadow: 3px 3px 4px #959494;
158 -moz-border-radius: 5px;
159 -webkit-border-radius: 5px;
160 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
161 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
162 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
163 background-color: #1873a2;
180 #login-name-wrapper {
181 vertical-align: middle;
185 #login-name-wrapper input {
190 #login-password-wrapper {
191 vertical-align: middle;
201 #login-extra-links a {
204 padding: 5px 0px 5px 0px;
209 #login-extra-filler {
222 #login_standard input,
223 #login_openid input {
228 #lost-password-link {
241 #login-submit-button {
246 #login-submit-wrapper {
259 -webkit-border-radius: 5px;
260 -moz-border-radius: 5px;
261 border: 1px solid #494948;
262 background-color: #2e3436;
267 box-shadow: 7px 7px 10px #434343;
268 -moz-box-shadow: 7px 7px 12px #434343;
269 -webkit-box-shadow: 7px75px 12px #434343;
278 padding-bottom: 10px;
294 background-color: #1873a2;
305 list-style: none outside none;
315 background-color: #BDBDBD;
316 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
317 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
318 border: 1px solid #7C7D7B;
319 box-shadow: 0 0 8px #BDBDBD;
320 -moz-box-shadow: 3px 3px 4px #959494;
321 -webkit-box-shadow: 3px 3px 4px #959494;
323 -moz-border-radius: 5px;
324 -webkit-border-radius: 5px;
328 text-decoration: none;
334 text-decoration: none;
353 nav #banner #logo-text a {
358 text-shadow: #7C7D7B 3px 3px 5px;
370 vertical-align: middle;
371 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
372 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
373 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
374 background-color: #a2a2a2;
376 -moz-border-radius: 5px;
377 -webkit-border-radius: 5px;
378 border: 1px solid #7C7D8B;
380 text-decoration: none;
383 nav #user-menu-label::after {
384 content: url("menu-user-pin.png") no-repeat;
388 nav #user-menu-label {
389 vertical-align: middle;
401 nav #nav-link-wrapper .nav-link {
402 border-right: 1px solid #babdb6;
405 .nav-commlink, .nav-login-link {
413 border: 1px solid #babdb6;
415 background-color: #aec0d3;
417 border-radius: 3px 3px 0px 0px;
418 -moz-border-radius: 3px 3px 0px 0px;
421 .nav-commlink.selected {
422 background-color: #ffffff;
423 border-bottom: 1px solid #ffffff;
424 color: #000000 !important;
434 border: 1px solid #FF8888;
435 background-color: #FFEEEE;
442 border: 1px solid #3465a4;
443 background-color: #d7e3f1;
450 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
451 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
452 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
453 background-color: #898988;
460 border: 1px solid #9a9a9a;
462 -webkit-border-radius: 0px 0px 5px 5px;
463 -moz-border-radius: 0px 0px 5px 5px;
464 border-radius: 0px 0px 5px 5px;
465 -moz-box-shadow: 5px 5px 10px #242424;
466 -webkit-box-shadow: 5px 5px 10px #242424;
467 box-shadow: 5px 5px 10px #242424;
471 ul#user-menu-popup li {
475 ul#user-menu-popup li a {
480 ul#user-menu-popup li a:hover {
482 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
483 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
484 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
485 background-color: #6da6c4;
488 ul#user-menu-popup li a.nav-sep {
489 border-top: 1px solid #989898;
507 background: transparent url('notifications.png') 0px 0px no-repeat;
517 background-position: 0px -168px;
521 background-position: 0px -126px;
525 background-position: 0px -40px;
529 background-position: 0px -84px;
533 background-position: 0px 0px;
550 /* =================== */
551 /* = System Messages = */
552 /* =================== */
554 #sysmsg_info, #sysmsg {
556 bottom: 0px; right:20%;
557 box-shadow: 7px 7px 10px #434343;
558 -moz-box-shadow: 7px 7px 12px #434343;
559 -webkit-box-shadow: 7px75px 12px #434343;
561 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
562 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
563 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
564 background-color: #1873a2;
565 border-radius: 5px 5px 0px 0px;
566 -webkit-border-radius: 5px 5px 0px 0px;
567 -moz-border-radius: 5px 5px 0px 0px;
568 border: 1px solid #da2c2c;
570 padding-bottom: 50px;
580 border-top: 1px solid #dddddd;
583 /* ================= */
584 /* = Aside/Sidebar = */
585 /* ================= */
591 /*font-size: 0.9em;*/
596 /*padding-bottom: 5px;*/
605 font-variant: normal;
606 -webkit-margin-start: 10px;
619 .vcard #profile-photo-wrapper {
623 background: none repeat scroll 0 0 #FFFFFF;
624 border: 1px solid #C5C5C5;
625 box-shadow: 0 0 8px #BDBDBD;
626 -moz-box-shadow: 3px 3px 4px #959494;
627 -webkit-box-shadow: 3px 3px 4px #959494;
628 -moz-box-shadow: 3px 3px 4px #959494;
629 -webkit-box-shadow: 3px 3px 4px #959494;
631 -moz-border-radius: 5px;
632 -webkit-border-radius: 5px;
646 padding-bottom: 10px;
649 #profile-extra-links ul {
656 box-shadow: inset 0px 1px 0px 0px #a65151;
657 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
658 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
659 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
660 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
661 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
662 background-color: #6da6c4;
664 -moz-border-radius: 5px;
665 -webkit-border-radius: 5px;
666 border: 1px solid #fc5656;
667 display: inline-block;
669 font-family: Trebuchet MS;
675 text-decoration: none;
676 text-shadow: 1px 1px 0px #b36f6f;
683 -webkit-border-radius: 5px ;
684 -moz-border-radius: 5px;
687 background-color: #3465a4;
690 #dfrn-request-link:hover {
691 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
692 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
693 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
694 background-color: #1873a2;
697 #dfrn-request-link:active {
702 #dfrn-request-intro {
707 background-color: #f6f6f6;
708 padding: 5px 5px 0px 15px;
710 #netsearch-box input[type="text"] {
713 #netsearch-box input[type="submit"] {
718 content: url("search.png");
720 vertical-align: middle;
724 background-color: #f3f3f3;
725 border: 1px solid #cdcdcd;
728 -webkit-border-radius: 5px;
729 -moz-border-radius: 5px;
733 vertical-align: middle;
736 padding-bottom: 10px;
743 #sidebar-group-list {
748 #sidebar-group-list a {
749 /*padding-bottom: 10px;*/
752 /*#sidebar-group-list ul {
753 list-style-type: none;
756 #sidebar-group-list li {
760 #sidebar-group-list .icon,
761 #sidebar-group-list .iconspacer {
762 display: inline-block;
769 box-shadow: 1px 2px 6px 0px #959494;
770 -moz-box-shadow: 1px 2px 6px 0px #959494;
771 -webkit-box-shadow: 1px 2px 6px 0px #959494;
772 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
773 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
774 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
775 background-color: #f8f8f8;
777 -moz-border-radius: 5px;
778 -webkit-border-radius: 5px;
780 border: 1px solid #cdcdcd;
784 list-style: none outside none;
785 background: url("arrow.png") no-repeat scroll left center transparent;
795 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
796 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
797 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
798 background-color: #bdbdbd;
799 display: inline-block;
801 text-decoration: none;
803 border: 1px solid #7C7D7B;
805 -moz-border-radius: 5px;
806 -webkit-border-radius: 5px;
810 #sidebar-new-group:hover {
811 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
812 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
813 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
814 background-color: #1873a2;
815 border: 1px solid #7C7D7B;
816 box-shadow: 0 0 8px #BDBDBD;
817 -moz-box-shadow: 3px 3px 4px #959494;
818 -webkit-box-shadow: 3px 3px 4px #959494;
820 -moz-border-radius: 5px;
821 -webkit-border-radius: 5px;
824 #sidebar-new-group:active {
829 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
833 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
834 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
835 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
836 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
837 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
838 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
839 background-color: #bdbdbd;
841 -moz-border-radius: 5px;
842 -webkit-border-radius: 5px;
843 display: inline-block;
845 text-decoration: none;
848 .settings-widget .selected {
852 #sidebar-new-group a {
859 ul .sidebar-group-li {
862 /*padding-bottom: 5px;*/
865 ul .sidebar-group-li .icon {
866 display: inline-block;
871 .nets-ul, .fileas-ul, .categories-ul {
872 list-style-type: none;
875 .nets-ul li, .fileas-ul li, .categories-ul li {
876 /*margin-top: 10px;*/
886 .fileas-link, .categories-link {
890 .fileas-all, .categories-all {
896 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
897 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
898 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
899 background-color: #f0edf0;
900 border-radius: 5px 5px 0px 0px;
901 -moz-border-radius: 5px 5px 0px 0px;
902 -webkit-border-radius: 5px 5px 0px 0px;
903 border: 1px solid #e2e2e2;
904 border-bottom: 1px solid #cdcdcd;
907 vertical-align: baseline;
909 text-shadow: -1px 0px 0px #bdbdbd;
916 #group-sidebar h3:before {
917 content: url("groups.png");
919 vertical-align: middle;
931 .saved-search-li .icon {
935 .birthday-today, .event-today {
939 #birthday-wrapper, #event-wrapper {
949 /* ================== */
950 /* = Contacts Block = */
951 /* ================== */
957 border: 1px solid #C5C5C5;
959 -moz-border-radius: 3px;
960 -webkit-border-radius: 3px;
961 box-shadow: 0 0 8px #BDBDBD;
962 -moz-box-shadow: 3px 3px 4px #959494;
963 -webkit-box-shadow: 3px 3px 4px #959494;
969 .contact-block-link {
973 .contact-block-textdiv {
980 .contact-block-content {
992 #profile-jot-text-loading,
998 #profile-jot-text_tbl {
1003 #profile-jot-text_ifr {
1004 width: 99.9%!important
1007 #profile-jot-submit-wrapper {
1011 #jot-title, #jot-category {
1016 border: 1px solid #cccccc;
1023 #jot-title::-webkit-input-placeholder,
1024 #jot-category::-webkit-input-placeholder {
1025 font-weight: normal;
1028 #jot-title:-moz-placeholder,
1029 #jot-category:-moz-placeholder {
1030 font-weight: normal;
1035 #jot-category:hover,
1036 #jot-category:focus {
1037 border: 1px solid #cccccc;
1040 .jothidden { display:none; }
1043 background: #FFFFC8;
1047 margin: 15px 0 15px 150px;
1050 #profile-jot-perms, #profile-jot-submit {
1053 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1054 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1055 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1056 background-color: #bdbdbd;
1057 display: inline-block;
1059 text-decoration: none;
1061 border: 1px solid #7C7D7B;
1063 -moz-border-radius: 5px;
1064 -webkit-border-radius: 5px;
1067 #jot-preview-form {}
1074 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1075 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1076 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1077 background-color: #bdbdbd;
1078 display: inline-block;
1080 text-decoration: none;
1083 border: 1px solid #7C7D7B;
1085 -moz-border-radius: 5px;
1086 -webkit-border-radius: 5px;
1089 #profile-jot-perms {
1096 border: 1px solid #7C7D7B;
1098 -moz-border-radius: 5px;
1099 -webkit-border-radius: 5px;
1102 #jot-perms-perms .icon {
1106 #profile-jot-submit {
1109 margin-right: 145px;
1113 border: 1px solid #7C7D7B;
1115 -moz-border-radius: 5px;
1116 -webkit-border-radius: 5px;
1119 #profile-jot-perms:hover,
1120 #profile-jot-submit:hover,
1121 #jot-preview-link:hover {
1122 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1123 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1124 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1125 background-color: #1873a2;
1126 border: 1px solid #7C7D7B;
1127 box-shadow: 0 0 8px #BDBDBD;
1128 -moz-box-shadow: 3px 3px 4px #959494;
1129 -webkit-box-shadow: 3px 3px 4px #959494;
1131 -moz-border-radius: 5px;
1132 -webkit-border-radius: 5px;
1135 #profile-jot-perms:active,
1136 #profile-jot-submit:active,
1137 #jot-preview-link:active {
1142 #character-counter {
1148 #profile-rotator-wrapper {
1157 #profile-jot-tools-end,
1158 #profile-jot-banner-end {
1162 #profile-jot-email-wrapper {
1163 margin: 10px 10% 0px 10%;
1164 border: 1px solid #eeeeee;
1168 #profile-jot-email-label {
1169 background-color: #555753;
1174 #profile-jot-email {
1179 #profile-jot-networks {
1181 border: 1px solid #eeeeee;
1186 #profile-jot-acl-wrapper {
1188 border: 1px solid #eeeeee;
1190 display:block!important;
1193 #profile-video-wrapper,
1194 #profile-audio-wrapper,
1195 #profile-location-wrapper,
1196 #profile-nolocation-wrapper {
1199 #group_allow_wrapper,
1200 #group_deny_wrapper,
1201 #acl-permit-outer-wrapper {
1206 #contact_allow_wrapper,
1207 #contact_deny_wrapper,
1208 #acl-deny-outer-wrapper {
1214 background-color: #555753;
1216 padding: 5px; float: left;
1220 background-color: #555753;
1227 background-color: #555753;
1233 #acl-permit-text-end,
1234 #acl-deny-text-end {
1238 #profile-jot-wrapper {
1250 #profile-jot-text-loading,
1251 #profile-attach-wrapper,
1252 #profile-link-wrapper,
1253 #profile-jot-banner-wrapper {}
1266 padding: 20px 0px 0px;
1275 padding: 5px 10px 5px 10px;
1276 display: inline-block;
1283 padding: 5px 10px 5px 10px;
1290 .wall-item-outside-wrapper {
1292 border-bottom: 1px solid #dedede;
1294 margin-bottom: 20px;
1295 padding-right: 10px;
1297 background: none repeat scroll 0 0 #FFFFFF;
1298 border: 1px solid #CDCDCD;
1300 -moz-border-radius: 5px;
1301 -webkit-border-radius: 5px;
1302 box-shadow: 0 0 8px #BDBDBD;
1303 -moz-box-shadow: 3px 3px 4px #959494;
1304 -webkit-box-shadow: 3px 3px 4px #959494;
1307 .wall-item-outside-wrapper-end {
1311 .wall-item-content-wrapper {
1317 .wall-item-comment-wrapper {
1321 .wall-item-photo-menu {
1325 .wall-item-photo-menu-button {
1327 text-indent: -99999px;
1328 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1335 border-radius: 0px 0px 5px 5px;
1336 -webkit-border-radius: 0px 0px 5px 5px;
1337 -moz-border-radius: 0px 0px 5px 5px;
1345 .wall-item-photo-wrapper {
1352 filter: alpha(opacity=60);
1354 transition: all 0.25s ease-in-out;
1355 -webkit-transition: all 0.25s ease-in-out;
1356 -moz-transition: all 0.25s ease-in-out;
1358 padding-bottom: 5px;
1363 .wall-item-tools:hover {
1364 filter: alpha(opacity=100);
1366 transition: all 0.25s ease-in-out;
1367 -webkit-transition: all 0.25s ease-in-out;
1368 -moz-transition: all 0.25s ease-in-out;
1372 filter: alpha(opacity=60);
1374 transition: all 0.25s ease-in-out;
1375 -webkit-transition: all 0.25s ease-in-out;
1376 -moz-transition: all 0.25s ease-in-out;
1379 padding-bottom: 5px;
1384 .wall-item-social:hover {
1385 filter: alpha(opacity=100);
1387 transition: all 0.25s ease-in-out;
1388 -webkit-transition: all 0.25s ease-in-out;
1389 -moz-transition: all 0.25s ease-in-out;
1392 .wall-item-outside-wrapper.comment .wall-item-tools {
1396 .wall-item-like-buttons {
1400 .wall-item-like-buttons a.icon {
1406 .wall-item-links-wrapper {
1411 .wall-item-delete-wrapper {
1416 .wall-item-links-wrapper a.icon {
1444 padding-right: 10px;
1449 .wall-item-body img {
1458 .wall-item-lock-wrapper {
1466 margin: 0px 0px 10px 0px;
1472 margin: 0px 0px 0px 100px;
1476 .wall-item-author a {
1486 .wall-item-wrapper-end {
1490 .wall-item-location {
1494 text-overflow: ellipsis;
1495 -o-text-overflow: ellipsis;
1498 .wall-item-location .icon {
1502 .wall-item-location > a {
1507 font-variant: small-caps;
1511 .wall-item-location .smalltext {
1517 .wall-item-location > br {
1537 .wallwall .wwto img {
1538 width: 30px!important;
1539 height: 30px!important;
1542 .wallwall .wall-item-photo-end {
1546 .wall-item-arrowphoto-wrapper {
1553 .wall-item-photo-menu {
1557 background: #eeeeee;
1558 border-right: 1px solid #dddddd;
1559 border-left: 1px solid #dddddd;
1560 border-bottom: 1px solid #dddddd;
1566 border-radius: 0px 5px 5px 5px;
1567 -webkit-border-radius: 0px 5px 5px 5px;
1568 -moz-border-radius: 0px 5px 5px 5px;
1569 box-shadow: 3px 3px 4px #959494;
1570 -moz-box-shadow: 3px 3px 4px #959494;
1571 -webkit-box-shadow: 3px 3px 4px #959494;
1575 .wall-item-photo-menu-button {
1576 border-right: 1px solid #dddddd;
1577 border-left: 1px solid #dddddd;
1578 border-bottom: 1px solid #dddddd;
1579 box-shadow: 3px 3px 4px #959494;
1580 -moz-box-shadow: 3px 3px 4px #959494;
1581 -webkit-box-shadow: 3px 3px 4px #959494;
1584 .fakelink wall-item-photo-menu-button {
1585 -webkit-border-radius: 0px 5px 5px 5px;
1586 -moz-border-radius: 0px 5px 5px 5px;
1587 border-radius: 0px 5px 5px 5px;
1588 box-shadow: 3px 3px 4px #959494;
1589 -moz-box-shadow: 3px 3px 4px #959494;
1590 -webkit-box-shadow: 3px 3px 4px #959494;
1593 .wall-item-photo-menu ul {
1599 .wall-item-photo-menu li a {
1600 white-space: nowrap;
1606 .wall-item-photo-menu li a:hover {
1608 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1609 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1610 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1611 background-color: #1873a2;
1612 /*order-bottom: none;*/
1620 #item-delete-selected-end,
1621 #item-delete-selected {
1628 #item-delete-selected-icon {}
1631 font-family: Courier, monospace;
1632 /*white-space: pre;*/
1635 border: 1px solid #444;
1647 .ccollapse-wrapper {
1656 border: 0px solid #CDCDCD;
1658 -moz-border-radius: 5px;
1659 -webkit-border-radius: 5px;
1660 margin-bottom: 20px;
1661 background-color: #E2E2E2;
1664 .collapsed-comments,
1666 .hide-comments-outer,
1667 .wall-item-outside-wrapper.comment {
1669 margin-bottom: 20px;
1672 .wall-item-outside-wrapper.comment .wall-item-photo {
1673 width: 40px!important;
1674 height: 40px!important;
1677 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1682 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1685 background-position: 35px center;
1688 .wall-item-outside-wrapper.comment .wall-item-info {
1692 .wall-item-outside-wrapper.comment .wall-item-body {
1695 padding-right: 10px;
1699 .wall-item-outside-wrapper.comment .wall-item-author {
1703 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1707 .icollapse-wrapper {
1712 .comment-wwedit-wrapper,
1713 .comment-edit-wrapper {
1714 margin: 0px 0px 5px 0px;
1717 .comment-wwedit-wrapper img,
1718 .comment-edit-wrapper img {
1724 .comment-edit-photo-link {
1729 .comment-edit-text-empty {
1730 width: 672px; /*80%*/
1733 transition: all 0.5s ease-in-out;
1734 -webkit-transition: all 0.5s ease-in-out;
1735 -moz-transition: all 0.5s ease-in-out;
1738 .comment-edit-text-empty:hover {
1742 .comment-edit-text-full {
1745 transition: all 0.5s ease-in-out;
1746 -webkit-transition: all 0.5s ease-in-out;
1747 -moz-transition: all 0.5s ease-in-out;
1750 .comment-edit-submit-wrapper {
1756 .comment-edit-submit {
1759 background-color: #a2a2a2;
1761 border: 1px solid #CDCDCD;
1763 -moz-border-radius: 5px;
1764 -webkit-border-radius: 5px;
1767 .comment-edit-submit:hover {
1768 background-color: #1873a2;
1769 border: 1px solid #CDCDCD;
1771 -moz-border-radius: 5px;
1772 -webkit-border-radius: 5px;
1773 box-shadow: 0 0 8px #BDBDBD;
1774 -moz-box-shadow: 3px 3px 4px #959494;
1775 -webkit-box-shadow: 3px 3px 4px #959494;
1778 .comment-edit-submit:active {
1779 background-color: #1873a2;
1782 #item-delete-selected-desc {
1787 .wall-item-body code {
1788 font-family: Courier, monospace;
1789 /*white-space: pre;*/
1792 border: 1px solid #cccccc;
1793 border-width: 1px 1px 1px 3px;
1802 .advanced-profile-content {
1804 margin-bottom: 10px;
1809 .advanced-profile-label {
1812 padding-bottom: 5px;
1816 div[id$="wrapper"] {
1820 div[id$="wrapper"] br {
1824 #advanced-profile-with {
1828 #profile-listing-desc {
1831 padding: 5px 10px 5px 10px;
1833 margin-bottom: 20px;
1835 display: inline-block;
1840 #profile-listing-new-link-wrapper {
1846 padding: 5px 10px 5px 10px;
1851 .profile-listing-name {
1854 .profile-listing-name a {
1858 #profile-edit-links li {
1861 margin-bottom: 20px;
1863 background-color: #a2a2a2;
1865 padding: 5px 10px 5px 10px;
1869 -moz-border-radius: 5px;
1870 -webkit-border-radius: 5px;
1873 #profile-edit-links li a {
1877 #profile-edit-links li:hover {
1878 background-color: #1873a2;
1881 #profile-edit-links li:active {
1882 background-color: #1873a2;
1885 #profile-edit-links-end {
1887 margin-bottom: 15px;
1890 .profile-edit-side-div {
1898 #cropimage-wrapper {
1906 .profile-match-name a{
1911 .profile-match-name a:hover {
1915 .profile-match-wrapper {
1918 margin-bottom: 10px;
1920 background-color: #f6f6f6;
1921 border: 1px solid #dddddd;
1922 box-shadow: 3px 3px 4px #959494;
1923 -moz-box-shadow: 3px 3px 4px #959494;
1924 -webkit-box-shadow: 3px 3px 4px #959494;
1928 .profile-match-end {
1932 .profile-match-photo {
1946 #side-bar-photos-albums h3:before {
1947 content: url("photography.png");
1948 padding-right: 10px;
1949 vertical-align: middle;
1952 #side-bar-photos-albums li {
1962 margin-bottom: 20px;
1964 background-color: #a2a2a2;
1966 padding: 5px 10px 5px 10px;
1970 -moz-border-radius: 5px;
1971 -webkit-border-radius: 5px;
1974 #photo-top-links a {
1978 #photo-top-links:hover {
1979 background-color: #1873a2;
1982 #photo-top-links:active {
1983 background-color: #1873a2;
1986 .photo-album-image-wrapper {
1988 margin: 0px 10px 10px 0px;
1989 padding-bottom: 30px;
1993 .photo-top-image-wrapper {
1997 margin: 0px 10px 10px 0px;
1998 padding-bottom: 30px;
2002 #photo-album-wrapper-inner {
2019 .photo-top-image-wrapper a:hover,
2020 #photo-photo a:hover,
2021 .photo-album-image-wrapper a:hover {
2026 .photo-album-photo {}
2028 .photo-top-album-name {
2033 font-stretch: semi-expanded;
2036 .photo-top-album-name a {
2069 background-color: rgba(255,255,255,0.2);
2071 transition: all 0.2s ease-in-out;
2072 -webkit-transition: all 0.2s ease-in-out;
2073 -moz-transition: all 0.2s ease-in-out;
2074 background-position: center center;
2075 background-repeat: no-repeat;
2081 background-image: url('prev.png');
2087 background-image: url('next.png');
2091 #photo-next-link a {
2096 text-indent: -900000px;
2099 #photo-prev-link:hover,
2100 #photo-next-link:hover {
2102 transition: all 0.2s ease-in-out;
2103 -webkit-transition: all 0.2s ease-in-out;
2104 -moz-transition: all 0.2s ease-in-out;
2107 #photo-next-link .icon,
2108 #photo-prev-link .icon {
2112 #photos-upload-spacer,
2113 #photos-upload-new-wrapper,
2114 #photos-upload-exist-wrapper {
2118 #photos-upload-existing-album-text,
2119 #photos-upload-newalbum-div {
2120 background-color: #fff;
2128 #photos-upload-album-select,
2129 #photos-upload-newalbum {
2133 #photos-upload-perms-menu {
2138 #photos-upload-perms-menu .icon {
2143 border: 1px solid #b0b0b0;
2146 -moz-border-radius: 3px;
2147 -webkit-border-radius: 3px;
2152 select[size][multiple] {
2153 margin: 5px 0px 10px 0px;
2157 -webkit-appearance: menulist;
2158 box-sizing: border-box;
2159 -webkit-box-align: center;
2166 letter-spacing: normal;
2167 word-spacing: normal;
2169 text-transform: none;
2172 display: inline-block;
2173 text-align: -webkit-auto;
2180 letter-spacing: normal;
2181 word-spacing: normal;
2183 text-transform: none;
2186 display: inline-block;*/
2187 text-align: -webkit-auto;
2192 -moz-border-radius: 5px;
2193 -webkit-border-radius: 5px;
2198 margin-bottom: 20px;
2200 background-color: #a2a2a2;
2202 padding: 5px 10px 5px 10px;
2206 -moz-border-radius: 5px;
2207 -webkit-border-radius: 5px;
2210 #album-edit-link a {
2214 #album-edit-link:hover {
2215 background-color: #1873a2;
2218 #photo-edit-link-wrap {
2219 margin-bottom: 10px;
2228 input#photo_edit_form {
2233 #photo-edit-perms-menu {
2242 #photo-edit-perms-menu .icon {
2246 #photo-edit-delete-button {
2252 #photo-album-edit-wrapper {
2253 margin-bottom: 10px;
2267 background-color: #fff;
2268 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2269 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2270 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2273 #prvmail-wrapper:before,
2274 #prvmail-wrapper:after,
2275 .mail-conv-detail:before,
2276 .mail-conv-detail:after,
2277 .mail-list-detail:before,
2278 .mail-list-detail:after {
2285 background: transparent;
2286 transform: skew(-5deg) rotate(-5deg);
2287 -webkit-transform: skew(-5deg) rotate(-5deg);
2288 -moz-transform: skew(-5deg) rotate(-5deg);
2289 -ms-transform: skew(-5deg) rotate(-5deg);
2290 -o-transform: skew(-5deg) rotate(-5deg);
2291 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2292 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2293 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2297 #prvmail-wrapper:after,
2298 .mail-conv-detail:after,
2299 .mail-list-detail:after {
2302 transform: skew(5deg) rotate(5deg);
2303 -webkit-transform: skew(5deg) rotate(5deg);
2304 -moz-transform: skew(5deg) rotate(5deg);
2305 -ms-transform: skew(5deg) rotate(5deg);
2306 -o-transform: skew(5deg) rotate(5deg);
2322 #prvmail-subject .input {
2323 border: none !important;
2326 #prvmail-subject-label {}
2332 #prvmail-to-label {}
2334 #prvmail-message-label {
2338 #prvmail-submit-wrapper {
2352 #prvmail-submit-wrapper > div {
2357 .mail-list-outside-wrapper {
2364 background-color: #efefef;
2365 border: 1px solid #C5C5C5;
2367 -moz-border-radius: 3px;
2368 -webkit-border-radius: 3px;
2369 box-shadow: 0 0 8px #BDBDBD;
2370 -moz-box-shadow: 3px 3px 4px #959494;
2371 -webkit-box-shadow: 3px 3px 4px #959494;
2380 border: 1px solid #dddddd;
2383 .mail-list-sender-name {
2394 font-stretch: ultra-condensed;
2397 .mail-list-subject {
2401 padding-right: 50px;
2404 .mail-list-subject a {
2408 .mail-list-delete-wrapper {
2412 .mail-list-outside-wrapper-end {
2416 .mail-conv-outside-wrapper {
2417 margin-bottom: 10px;
2423 margin: 0px 5px 5px 0px;
2426 .mail-conv-sender-photo {
2431 .mail-conv-sender-name {
2440 .mail-conv-subject {
2453 padding-bottom: 20px;
2456 vertical-align: middle;
2458 border: 1px solid #dddddd;
2465 .mail-conv-delete-wrapper {
2473 border: 1px solid #dddddd;
2476 /* ================= */
2477 /* = Notifications = */
2478 /* ================= */
2480 #notification-show-hide-wrapper {
2482 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2483 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2484 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2485 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2486 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2487 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2488 background-color: #bdbdbd;
2490 -moz-border-radius: 5px;
2491 -webkit-border-radius: 5px;
2492 padding: 5px 10px 5px 10px;
2500 #notification-show-hide-wrapper:hover {
2502 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2503 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2504 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2505 background-color: #1873a2;
2508 #notification-show-hide-wrapper:active {
2509 background-color: #1873a2;
2514 #notification-show-hide-wrapper a {
2523 margin-bottom: 10px;
2533 .view-contact-wrapper,
2534 .contact-entry-wrapper {
2537 margin-bottom: 20px;
2551 .contact-entry-direction-wrapper {
2556 .contact-entry-edit-links {
2561 #contacts-show-hide-link {
2562 margin-bottom: 20px;
2567 .contact-entry-name {
2577 .contact-entry-photo {
2581 .contact-entry-edit-links .icon {
2582 border: 1px solid #babdb6;
2584 -webkit-border-radius: 3px;
2585 -moz-border-radius: 3px;
2586 background-color: #ffffff;
2589 #contact-edit-banner-name {
2594 #contact-edit-update-now {
2599 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2600 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2601 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2602 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2603 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2604 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2605 background-color: #bdbdbd;
2607 -moz-border-radius: 5px;
2608 -webkit-border-radius: 5px;
2609 display: inline-block;
2611 text-decoration: none;
2615 #contact-edit-update-now:hover {
2616 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2617 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2618 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2619 background-color: #1873a2;
2622 #contact-edit-update-now:active {
2627 #contact-edit-update-now a {
2634 .contact-photo-menu-button {
2636 background-image: url("photo-menu.jpg");
2637 background-position: top left;
2638 background-repeat: no-repeat;
2639 margin: 10px 0 0 0; padding: 0px;
2642 top: 64px; left:0px;
2648 .contact-photo-menu {
2650 border: 1px solid #ddd;
2651 background: #f1f1f1;
2653 left: 0px; top: 90px;
2656 box-shadow: 3px 3px 5px #888;
2657 -moz-box-shadow: 3px 3px 5px #888;
2658 -webkit-box-shadow: 3px 3px 5px #888;
2661 .contact-photo-menu ul {
2667 .contact-photo-menu li a {
2674 .contact-photo-menu li a:hover {
2676 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2677 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2678 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2679 background-color: #1873a2;
2680 text-decoration: none;
2683 .view-contact-name {}
2686 background-color: #efefef;
2692 margin-bottom: 80px;
2695 #follow-sidebar h3:before {
2696 content: url("user.png");
2697 padding-right: 10px;
2698 vertical-align: middle;
2701 #follow-sidebar input[type="text"] {
2703 margin-bottom: 10px;
2706 #side-follow-submit {
2715 margin: auto 10px 20px;
2716 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2717 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2718 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2719 background-color: #bdbdbd;
2720 padding: 5px 10px 5px 10px;
2724 border: 1px solid #7C7D7B;
2726 -moz-border-radius: 5px;
2727 -webkit-border-radius: 5px;
2730 #side-match-link:hover {
2732 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2733 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2734 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2735 background-color: #1873a2;
2736 border: 1px solid #7C7D7B;
2737 box-shadow: 0 0 8px #BDBDBD;
2738 -moz-box-shadow: 3px 3px 4px #959494;
2739 -webkit-box-shadow: 3px 3px 4px #959494;
2741 -moz-border-radius: 5px;
2742 -webkit-border-radius: 5px;
2745 #side-match-link:active {
2746 background-color: #1873a2;
2751 #side-match-link a {
2759 margin-bottom: 20px;
2760 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2761 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2762 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2763 background-color: #bdbdbd;
2764 padding: 5px 10px 5px 10px;
2768 border: 1px solid #7C7D7B;
2770 -moz-border-radius: 5px;
2771 -webkit-border-radius: 5px;
2774 #side-invite-link:hover {
2776 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2777 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2778 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2779 background-color: #1873a2;
2780 border: 1px solid #7C7D7B;
2781 box-shadow: 0 0 8px #BDBDBD;
2782 -moz-box-shadow: 3px 3px 4px #959494;
2783 -webkit-box-shadow: 3px 3px 4px #959494;
2785 -moz-border-radius: 5px;
2786 -webkit-border-radius: 5px;
2790 #side-invite-link:active {
2791 background-color: #1873a2;
2796 #side-invite-link a {
2800 #side-suggest-link {
2804 margin-bottom: 20px;
2805 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2806 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2807 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2808 background-color: #bdbdbd;
2809 padding: 5px 10px 5px 10px;
2813 border: 1px solid #7C7D7B;
2815 -moz-border-radius: 5px;
2816 -webkit-border-radius: 5px;
2819 #side-suggest-link:hover {
2821 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2822 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2823 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2824 background-color: #1873a2;
2825 border: 1px solid #7C7D7B;
2826 box-shadow: 0 0 8px #BDBDBD;
2827 -moz-box-shadow: 3px 3px 4px #959494;
2828 -webkit-box-shadow: 3px 3px 4px #959494;
2830 -moz-border-radius: 5px;
2831 -webkit-border-radius: 5px;
2834 #side-suggest-link:active {
2835 background-color: #1873a2;
2840 #side-suggest-link a {
2846 #invite-recipient-text {
2850 #side-follow-wrapper {
2853 font-stretch: semi-expanded;
2854 background-color: #f3f3f3;
2855 border: 1px solid #cdcdcd;
2859 -moz-border-radius: 5px;
2860 -webkit-border-radius: 5px;
2863 #side-follow-wrapper label{
2865 font-variant: normal;
2873 margin-bottom: 20px;
2874 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2875 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2876 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2877 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2878 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2879 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2880 background-color: #bdbdbd;
2882 -moz-border-radius: 5px;
2883 -webkit-border-radius: 5px;
2884 padding: 5px 10px 5px 10px;
2890 #contact-suggest:hover {
2892 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2893 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2894 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2895 background-color: #1873a2;
2898 #contact-suggest:active {
2899 background-color: #1873a2;
2904 #contact-suggest a {
2920 /* ===================================== */
2921 /* = Register, Settings, Profile Forms = */
2922 /* ===================================== */
2924 #id_openid_url, .openid input{
2925 background: url(login-bg.gif) no-repeat;
2926 background-position: 0 50%;
2928 width: 220px!important;
2934 #profile-tabs-wrapper {
2938 #profile-tab-status-link {
2940 padding: 5px 10px 5px 10px;
2948 #profile-tab-profile-link {
2950 padding: 5px 10px 5px 10px;
2955 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2956 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2957 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2958 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2959 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2960 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2961 background-color: #7c7d7b;
2963 -moz-border-radius: 5px;
2964 -webkit-border-radius: 5px;
2965 padding: 5px 10px 5px 10px;
2966 margin-bottom: 10px;
2969 #uexport-link:hover {
2971 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2972 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2973 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2974 background-color: #555753;
2977 #uexport-link:active {
2979 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2980 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2981 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2982 background-color: #1873a2;
2987 #settings-default-perms .fakelink {
2991 #settings-default-perms {
2995 padding: 5px 10px 5px 10px;
2996 margin-bottom: 10px;
2997 background-color: #BDBDBD;
2998 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2999 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3000 border: 1px solid #7C7D7B;
3002 -moz-border-radius: 5px;
3003 -webkit-border-radius: 5px;
3006 #settings-default-perms:hover {
3008 background-color: #555753;
3009 border: 1px solid #7C7D7B;
3010 box-shadow: 0 0 8px #BDBDBD;
3011 -moz-box-shadow: 3px 3px 4px #959494;
3012 -webkit-box-shadow: 3px 3px 4px #959494;
3014 -moz-border-radius: 5px;
3015 -webkit-border-radius: 5px;
3018 #settings-default-perms:active {
3020 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3021 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3022 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3023 background-color: #1873a2;
3028 #settings-nickname-desc {
3030 background-color: #efefef;
3032 margin-bottom: 10px;
3034 -webkit-border-radius: 5px;
3035 -moz-border-radius: 5px;
3039 #register-form div {
3043 #profile-edit-form div {
3047 #profile-edit-form div[id$='desc'] {
3052 #register-form label,
3053 #profile-edit-form label {
3056 margin-right: 155px;
3059 /* #register-form span,
3060 #profile-edit-form span { */
3061 #register-form span {
3064 margin-bottom: 20px;
3067 .settings-submit-wrapper,
3068 .profile-edit-submit-wrapper {
3075 margin: 20px 20px 0px 0px;
3079 #register-sitename {
3084 #register-submit-button {
3088 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3094 #register-name, #register-email, #register-nickname {
3106 #register-fill-ext {
3107 margin-bottom: 25px;
3110 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3114 #register-nickname-desc {
3119 /* ===================== */
3120 /* = Contacts Selector = */
3121 /* ===================== */
3123 #group-edit-wrapper {
3124 margin-bottom: 10px;
3127 #group-edit-name-wrapper {
3131 #group-edit-submit-wrapper {
3132 margin-bottom: 10px;
3133 margin-right: 400px;
3138 .group-delete-wrapper {
3142 margin-bottom: 10px;
3143 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3144 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3145 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3146 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3147 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3148 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3149 background-color: #bdbdbd;
3151 -moz-border-radius: 5px;
3152 -webkit-border-radius: 5px;
3155 .group-delete-wrapper:hover {
3156 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3157 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3158 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3159 background-color: #1873a2;
3162 .group-delete-wrapper:active {
3163 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3164 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3165 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3166 background-color: #1873a2;
3169 .group-delete-wrapper a {
3188 background-color: #f0edf0;
3190 border: 1px solid #ccc;
3191 margin-bottom: 10px;
3195 #group-all-contacts,
3196 #prof-all-contacts {
3200 border: 1px solid #ccc;
3201 background-color: #f0edf0;
3206 #group-all-contacts h3,
3208 #prof-all-contacts h3{
3242 margin-bottom: 10px;
3243 background-color: #fff;
3244 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3245 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3246 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3257 background: transparent;
3258 transform: skew(-5deg) rotate(-5deg);
3259 -webkit-transform: skew(-5deg) rotate(-5deg);
3260 -moz-transform: skew(-5deg) rotate(-5deg);
3261 -ms-transform: skew(-5deg) rotate(-5deg);
3262 -o-transform: skew(-5deg) rotate(-5deg);
3263 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3264 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3265 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3272 transform: skew(5deg) rotate(5deg);
3273 -webkit-transform: skew(5deg) rotate(5deg);
3274 -moz-transform: skew(5deg) rotate(5deg);
3275 -ms-transform: skew(5deg) rotate(5deg);
3276 -o-transform: skew(5deg) rotate(5deg);
3279 .vevent .event-description {
3284 font-weight: bolder;
3287 .vevent .event-location {
3291 font-style: oblique;
3295 .vevent .event-start,
3296 .vevent .event-end {
3308 margin-bottom: 10px;
3310 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3311 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3312 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3313 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3314 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3315 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3316 background-color: #bdbdbd;
3318 -moz-border-radius: 5px;
3319 -webkit-border-radius: 5px;
3323 #new-event-link:hover {
3325 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3326 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3327 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3328 background-color: #1873a2;
3331 #new-event-link:active {
3332 background-color: #1873a2;
3342 .edit-event-link, .plink-event-link {
3346 margin-bottom: 15px;
3349 .event-description:before {
3350 content: url('calendar.png');
3352 vertical-align: middle;
3361 .event-start .dtstart,
3368 margin-bottom: 10px;
3369 font-stretch: condensed;
3380 .event-calendar-end {
3386 font-family: Helvetica, Arial, sans-serif;
3387 background-color: #f1f1f1;
3388 border: 1px solid #dedede;
3389 margin-bottom: 10px;
3390 box-shadow: 5px 5px 8px #959494;
3391 -moz-box-shadow: 5px 5px 8px #959494;
3392 -webkit-box-shadow: 5px 5px 8px #959494;
3396 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3397 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3398 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3399 background-color: #1873a2;
3400 padding: 10px 0px 10px 0px;
3405 box-shadow: 5px 2px 8px #959494;
3406 -moz-box-shadow: 5px 2px 8px #959494;
3407 -webkit-box-shadow: 5px 2px 8px #959494;
3411 border: 1px solid #eeeeee;
3421 background-color: #cdcdcd;
3433 background-color: #1873a2;
3438 #event-finish-text {
3443 #event-nofinish-checkbox,
3444 #event-nofinish-text,
3445 #event-adjust-checkbox,
3447 #event-share-checkbox {
3451 #event-datetime-break {
3452 margin-bottom: 10px;
3455 #event-nofinish-break,
3456 #event-adjust-break,
3457 #event-share-break {
3462 #event-location-text {
3477 margin: 50px 50px 0px 0px;
3480 .directory-details {
3502 background-color: #FF0000;
3507 border: 0px; padding: 0px;
3511 list-style-position: inside;
3521 padding-bottom: 2px;
3522 border-bottom: 1px solid black;
3535 border-bottom: 1px solid #898989;
3540 #adminpage .submit {
3550 #adminpage .plugin {
3553 border: 1px solid #888888;
3559 #adminpage .toggleplugin {
3566 border-bottom: 1p solid #000000;
3570 #adminpage table th {
3574 #adminpage td .icon {
3578 #adminpage table#users img {
3583 #adminpage table tr:hover {
3584 background-color: #eeeeee;
3587 #adminpage .selectall {
3591 /* =============== */
3592 /* = Form Fields = */
3593 /* =============== */
3612 border: 1px solid #CDCDCD;
3614 -moz-border-radius: 5px;
3615 -webkit-border-radius: 5px;
3630 margin-bottom: 10px;
3640 border: 1px solid #c1c1c1;
3641 background-image: url("../../../images/onoff.jpg");
3642 background-repeat: no-repeat;
3643 padding: 4px 2px 2px 2px;
3645 text-decoration: none;
3647 .field .onoff .off {
3648 border-color: #c1c1c1;
3650 background-position: left center;
3651 background-color: #cccccc;
3657 border-color: #c1c1c1;
3658 padding-right: 40px;
3659 background-position: right center;
3660 background-color: #1873a2;
3666 display: none!important;
3669 .field .radio .field_help {
3678 cursor: url('lock.cur'), pointer;
3687 background-image: url("icons.png");
3690 background-image: url("star.png");
3694 background-image: url("premium.png");
3699 background-image: url("notifications.png");
3704 border: 1px solid #c1c1c1;
3706 -webkit-border-radius: 3px;
3707 -moz-border-radius: 3px;
3710 .article { background-position: -50px 0px;}
3711 .audio { background-position: -70px 0px;}
3712 .block { background-position: -90px 0px;}
3713 .drop { background-position: -110px 0px;}
3714 .drophide { background-position: -130px 0px;}
3715 .edit { background-position: -150px 0px;}
3716 .camera { background-position: -170px 0px;}
3717 .dislike { background-position: -190px 0px;}
3718 .like { background-position: -210px 0px;}
3719 .link { background-position: -230px 0px;}
3720 .globe { background-position: -50px -20px;}
3721 .noglobe { background-position: -70px -20px;}
3722 .no { background-position: -90px -20px;}
3723 .pause { background-position: -110px -20px;}
3724 .play { background-position: -130px -20px;}
3725 .pencil { background-position: -150px -20px; margin-right: 12px;}
3726 .small-pencil { background-position: -170px -20px;}
3727 .recycle { background-position: -190px -20px;}
3728 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3729 .share { background-position: -230px -20px;}
3730 .tools { background-position: -50px -40px;}
3731 .lock { background-position: -70px -40px;}
3733 background-position: -90px -40px;
3734 background-image: none;
3740 background-image: url("icons.png");
3743 margin: 2px 0px 2px 3px;
3747 .video { background-position: -110px -40px;}
3748 .youtube { background-position: -130px -40px;}
3749 .attach { background-position: -190px -40px;}
3750 .language { background-position: -210px -40px;}
3751 .on { background-position: -50px -60px;}
3752 .off { background-position: -70px -60px;}
3753 .prev { background-position: -90px -60px;}
3754 .next { background-position: -110px -60px;}
3755 .tagged { background-position: -130px -60px; margin-right: 10px;}
3756 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3759 display: block; width: 20px; height: 23px;
3760 background-image: url("../../../images/content-types.png");
3763 .type-video { background-position: 0px 0px; }
3764 .type-image { background-position: -20px 0px; }
3765 .type-audio { background-position: -40px 0px; }
3766 .type-text { background-position: -60px 0px; }
3767 .type-unkn { background-position: -80px 0px; }
3789 #photo-edit-perms-select,
3790 #photos-upload-permissions-wrapper,
3791 #profile-jot-acl-wrapper{
3792 display: block!important;
3801 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3802 padding-right: 20px;
3813 background-color: #cccccc;
3814 background-position: 7px 7px;
3815 background-repeat: no-repeat;
3818 -webkit-border-radius: 5px ;
3819 -moz-border-radius: 5px;
3823 #acl-showall.selected {
3825 background-color: #1873a2;
3830 border: 1px solid #cccccc;
3831 background-color: #efefef;
3844 border: 1px solid #cccccc;
3845 background-color: #fff;
3848 box-shadow: 2px 2px 3px #c1c1c1;
3849 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3850 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3864 padding: 2px 0px 1px;
3873 background-color: #898989;
3874 background-position: 3px 3px;
3875 background-repeat: no-repeat;
3876 margin: 10px 0 0 5px;
3878 -webkit-border-radius: 2px ;
3879 -moz-border-radius: 2px;
3883 #acl-wrapper a:hover {
3884 text-decoration: none;
3885 background-color:#1873a2;
3888 .acl-button-show.selected {
3890 background-color: #1873a2;
3893 .acl-button-hide.selected {
3895 background-color: #a2a2a2;
3898 .acl-list-item.groupshow { border-color: #1873a2; }
3899 .acl-list-item.grouphide { border-color: #a2a2a2; }
3901 /* ========================= */
3902 /* = Global Directory Link = */
3903 /* ========================= */
3905 #global-directory-link {
3908 margin-bottom: 10px;
3909 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3910 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3911 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3912 background-color: #bdbdbd;
3915 -webkit-padding-start: 0px;
3916 border: 1px solid #7C7D7B;
3918 -moz-border-radius: 5px;
3919 -webkit-border-radius: 5px;
3922 #global-directory-link:hover {
3924 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3925 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3926 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3927 background-color: #1873a2;
3928 border: 1px solid #7C7D7B;
3929 box-shadow: 0 0 8px #BDBDBD;
3930 -moz-box-shadow: 3px 3px 4px #959494;
3931 -webkit-box-shadow: 3px 3px 4px #959494;
3933 -moz-border-radius: 5px;
3934 -webkit-border-radius: 5px;
3937 #global-directory-link:active {
3938 background-color: #1873a2;
3943 #global-directory-link a {
3948 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3949 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3950 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3951 background-color: #1873a2;
3953 padding: 5px 10px 5px 10px;
3957 /* notifications popup menu */
3981 #nav-notifications-menu {
3985 overflow-style: scrollbar;
3986 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3987 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3988 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3989 background-color: #a2a2a2;
3990 border-radius: 0px 0px 5px 5px;
3991 -moz-border-radius: 0px 0px 5px 5px;
3992 -webkit-border-radius: 0px 0px 5px 5px;
3993 border: 1px solid #9A9A9A;
3995 box-shadow: 5px 5px 10px #242424;
3996 -moz-box-shadow: 5px 5px 10px #242424;
3997 -webkit-box-shadow: 5px 5px 10px #242424;
4000 #nav-notifications-menu .contactname {
4005 #nav-notifications-menu img {
4010 #nav-notifications-menu .notif-when {
4015 #nav-notifications-menu li {
4016 padding: 7px 0px 7px 10px;
4018 border-bottom: 1px solid #626262;
4021 #nav-notifications-menu li:hover {
4022 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4023 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4024 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4025 background-color: #1873a2;
4028 #nav-notifications-menu a:hover {
4029 text-decoration: underline;
4033 vertical-align: middle;
4035 padding-bottom: 7px;
4038 .notif-item a:hover {
4045 padding: 7px 7px 0px 0px;
4052 /* autocomplete popup */
4059 background: #eeeeee;
4060 border-right: 1px solid #dddddd;
4061 border-left: 1px solid #dddddd;
4062 border-bottom: 1px solid #dddddd;
4063 border-radius: 0px 5px 5px 5px;
4064 -webkit-border-radius: 0px 5px 5px 5px;
4065 -moz-border-radius: 0px 5px 5px 5px;
4066 box-shadow: 3px 3px 4px #959494;
4067 -moz-box-shadow: 3px 3px 4px #959494;
4068 -webkit-box-shadow: 3px 3px 4px #959494;
4081 .acpopupitem.selected {
4083 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4084 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4085 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4086 background-color: #1873a2;
4092 filter: alpha(opacity=0);
4099 filter: alpha(opacity=100);
4103 background: #000000;
4106 /* Pages profile widget
4107 ----------------------------------------------------------- */
4109 #profile-page-list {
4113 #page-profile .title {
4117 #profile-vcard-break {
4121 #profile-extra-links {
4126 #profile-extra-links ul {
4127 list-style-type: none;
4132 #profile-extra-links li {
4136 .profile-edit-side-div {
4140 .profile-edit-side-link {
4142 filter:alpha(opacity=30);
4144 .profile-edit-side-link:hover {
4146 filter:alpha(opacity=100);
4150 ----------------------------------------------------------- */
4159 text-decoration: none;
4163 /* New posts and comments => background color
4164 ----------------------------------------------------------- */
4166 background: #fbfde9;
4169 div.wall-item-content-wrapper.shiny {
4170 background-image: url("shiny.png");
4171 background-repeat: repeat-x;
4177 #profile-nolocation,
4185 #profile-upload-wrapper,
4186 #wall-image-upload-div,
4187 #wall-file-upload-div,
4193 background: url("dot.png") repeat-x scroll left center transparent;
4194 border: medium none;
4197 .body-tag, .filesavetags, .categorytags {
4199 filter:alpha(opacity=50);
4202 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
4203 opacity: 1.0 !important;
4204 filter:alpha(opacity=100) !important;
4209 filter:alpha(opacity=10);
4214 .item-select:hover, .checkeditem {
4216 filter:alpha(opacity=100);
4220 display: block; width: 16px; height: 16px;
4221 background-image: url('file.gif');
4224 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4225 [class^="comment-edit-bb"] {
4228 margin: 0px 0 -5px 0px;
4241 .location, .location-label, .gender-label, .marital-label, .homepage-label {
4247 .adr, .x-gender, .marital-text, .homepage-url {
4254 #nav-notifications-template {}
4255 #categories-sidebar {}
4273 .fc-border-separate,
4276 div#datebrowse-sidebar.widget {
4282 .fakelink, .fakelink:visited, .fakelink:link {
4285 margin-bottom: 10px;
4287 /*background: url("down.png") no-repeat scroll left center transparent;*/