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 {
90 margin: 10px 10px 0 0;
94 #directory-search-submit,
108 color: #000; /* Safari and Opera */
113 color: #000; /* Firefox */
125 border: 1px solid #dddddd;
126 box-shadow: 3px 3px 6px #959494;
127 -moz-box-shadow: 3px 3px 6px #959494;
128 -webkit-box-shadow: 3px 3px 6px #959494;
129 background-color: #efefef;
135 background: none repeat scroll 0 0 #FFFFFF;
136 border: 1px solid #C5C5C5;
138 -moz-border-radius: 3px;
139 -webkit-border-radius: 3px;
140 box-shadow: 0 0 8px #BDBDBD;
141 -moz-box-shadow: 3px 3px 4px #959494;
142 -webkit-box-shadow: 3px 3px 4px #959494;
150 border: 1px solid #7C7D7B;
152 -moz-border-radius: 5px;
153 -webkit-border-radius: 5px;
155 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
156 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
157 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
158 background-color: #bdbdbd;
164 border: 1px solid #7C7D7B;
165 box-shadow: 0 0 8px #BDBDBD;
166 -moz-box-shadow: 3px 3px 4px #959494;
167 -webkit-box-shadow: 3px 3px 4px #959494;
169 -moz-border-radius: 5px;
170 -webkit-border-radius: 5px;
171 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
172 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
173 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
174 background-color: #1873a2;
191 #login-name-wrapper {
192 vertical-align: middle;
196 #login-name-wrapper input {
201 #login-password-wrapper {
202 vertical-align: middle;
212 #login-extra-links a {
215 padding: 5px 0px 5px 0px;
220 #login-extra-filler {
233 #login_standard input,
234 #login_openid input {
239 #lost-password-link {
252 #login-submit-button {
257 #login-submit-wrapper {
270 -webkit-border-radius: 5px;
271 -moz-border-radius: 5px;
272 border: 1px solid #494948;
273 background-color: #2e3436;
278 box-shadow: 7px 7px 10px #434343;
279 -moz-box-shadow: 7px 7px 12px #434343;
280 -webkit-box-shadow: 7px75px 12px #434343;
289 padding-bottom: 10px;
305 background-color: #1873a2;
316 list-style: none outside none;
326 background-color: #BDBDBD;
327 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
328 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
329 border: 1px solid #7C7D7B;
330 box-shadow: 0 0 8px #BDBDBD;
331 -moz-box-shadow: 3px 3px 4px #959494;
332 -webkit-box-shadow: 3px 3px 4px #959494;
334 -moz-border-radius: 5px;
335 -webkit-border-radius: 5px;
339 text-decoration: none;
345 text-decoration: none;
364 nav #banner #logo-text a {
369 text-shadow: #7C7D7B 3px 3px 5px;
381 vertical-align: middle;
382 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
383 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
384 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
385 background-color: #a2a2a2;
387 -moz-border-radius: 5px;
388 -webkit-border-radius: 5px;
389 border: 1px solid #7C7D8B;
391 text-decoration: none;
394 nav #user-menu-label::after {
395 content: url("menu-user-pin.png") no-repeat;
399 nav #user-menu-label {
400 vertical-align: middle;
412 nav #nav-link-wrapper .nav-link {
413 border-right: 1px solid #babdb6;
416 .nav-commlink, .nav-login-link {
424 border: 1px solid #babdb6;
426 background-color: #aec0d3;
428 border-radius: 3px 3px 0px 0px;
429 -moz-border-radius: 3px 3px 0px 0px;
432 .nav-commlink.selected {
433 background-color: #ffffff;
434 border-bottom: 1px solid #ffffff;
435 color: #000000 !important;
445 border: 1px solid #FF8888;
446 background-color: #FFEEEE;
453 border: 1px solid #3465a4;
454 background-color: #d7e3f1;
461 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
462 background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
463 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
464 background-color: #898988;
471 border: 1px solid #9a9a9a;
473 -webkit-border-radius: 0px 0px 5px 5px;
474 -moz-border-radius: 0px 0px 5px 5px;
475 border-radius: 0px 0px 5px 5px;
476 -moz-box-shadow: 5px 5px 10px #242424;
477 -webkit-box-shadow: 5px 5px 10px #242424;
478 box-shadow: 5px 5px 10px #242424;
482 ul#user-menu-popup li {
486 ul#user-menu-popup li a {
491 ul#user-menu-popup li a:hover {
493 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
494 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
495 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
496 background-color: #6da6c4;
499 ul#user-menu-popup li a.nav-sep {
500 border-top: 1px solid #989898;
518 background: transparent url('notifications.png') 0px 0px no-repeat;
528 background-position: 0px -168px;
532 background-position: 0px -126px;
536 background-position: 0px -40px;
540 background-position: 0px -84px;
544 background-position: 0px 0px;
561 /* =================== */
562 /* = System Messages = */
563 /* =================== */
565 #sysmsg_info, #sysmsg {
567 bottom: 0px; right:20%;
568 box-shadow: 7px 7px 10px #434343;
569 -moz-box-shadow: 7px 7px 12px #434343;
570 -webkit-box-shadow: 7px75px 12px #434343;
572 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
573 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
574 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
575 background-color: #1873a2;
576 border-radius: 5px 5px 0px 0px;
577 -webkit-border-radius: 5px 5px 0px 0px;
578 -moz-border-radius: 5px 5px 0px 0px;
579 border: 1px solid #da2c2c;
581 padding-bottom: 50px;
591 border-top: 1px solid #dddddd;
594 /* ================= */
595 /* = Aside/Sidebar = */
596 /* ================= */
602 /*font-size: 0.9em;*/
607 /*padding-bottom: 5px;*/
616 font-variant: normal;
617 -webkit-margin-start: 10px;
630 .vcard #profile-photo-wrapper {
634 background: none repeat scroll 0 0 #FFFFFF;
635 border: 1px solid #C5C5C5;
636 box-shadow: 0 0 8px #BDBDBD;
637 -moz-box-shadow: 3px 3px 4px #959494;
638 -webkit-box-shadow: 3px 3px 4px #959494;
639 -moz-box-shadow: 3px 3px 4px #959494;
640 -webkit-box-shadow: 3px 3px 4px #959494;
642 -moz-border-radius: 5px;
643 -webkit-border-radius: 5px;
657 padding-bottom: 10px;
660 #profile-extra-links ul {
667 box-shadow: inset 0px 1px 0px 0px #a65151;
668 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
669 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
670 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
671 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
672 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
673 background-color: #6da6c4;
675 -moz-border-radius: 5px;
676 -webkit-border-radius: 5px;
677 border: 1px solid #fc5656;
678 display: inline-block;
680 font-family: Trebuchet MS;
686 text-decoration: none;
687 text-shadow: 1px 1px 0px #b36f6f;
694 -webkit-border-radius: 5px ;
695 -moz-border-radius: 5px;
698 background-color: #3465a4;
701 #dfrn-request-link:hover {
702 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
703 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
704 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
705 background-color: #1873a2;
708 #dfrn-request-link:active {
713 #dfrn-request-intro {
718 background-color: #f6f6f6;
719 padding: 5px 5px 0px 15px;
721 #netsearch-box input[type="text"] {
724 #netsearch-box input[type="submit"] {
729 content: url("search.png");
731 vertical-align: middle;
735 background-color: #f3f3f3;
736 border: 1px solid #cdcdcd;
739 -webkit-border-radius: 5px;
740 -moz-border-radius: 5px;
744 vertical-align: middle;
747 padding-bottom: 10px;
754 #sidebar-group-list {
759 #sidebar-group-list a {
760 /*padding-bottom: 10px;*/
763 /*#sidebar-group-list ul {
764 list-style-type: none;
767 #sidebar-group-list li {
771 #sidebar-group-list .icon,
772 #sidebar-group-list .iconspacer {
773 display: inline-block;
780 box-shadow: 1px 2px 6px 0px #959494;
781 -moz-box-shadow: 1px 2px 6px 0px #959494;
782 -webkit-box-shadow: 1px 2px 6px 0px #959494;
783 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
784 background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
785 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
786 background-color: #f8f8f8;
788 -moz-border-radius: 5px;
789 -webkit-border-radius: 5px;
791 border: 1px solid #cdcdcd;
795 list-style: none outside none;
796 background: url("arrow.png") no-repeat scroll left center transparent;
806 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
807 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
808 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
809 background-color: #bdbdbd;
810 display: inline-block;
812 text-decoration: none;
814 border: 1px solid #7C7D7B;
816 -moz-border-radius: 5px;
817 -webkit-border-radius: 5px;
821 #sidebar-new-group:hover {
822 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
823 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
824 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
825 background-color: #1873a2;
826 border: 1px solid #7C7D7B;
827 box-shadow: 0 0 8px #BDBDBD;
828 -moz-box-shadow: 3px 3px 4px #959494;
829 -webkit-box-shadow: 3px 3px 4px #959494;
831 -moz-border-radius: 5px;
832 -webkit-border-radius: 5px;
835 #sidebar-new-group:active {
840 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
844 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
845 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
846 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
847 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
848 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
849 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
850 background-color: #bdbdbd;
852 -moz-border-radius: 5px;
853 -webkit-border-radius: 5px;
854 display: inline-block;
856 text-decoration: none;
859 .settings-widget .selected {
863 #sidebar-new-group a {
870 ul .sidebar-group-li {
873 /*padding-bottom: 5px;*/
876 ul .sidebar-group-li .icon {
877 display: inline-block;
882 .nets-ul, .fileas-ul, .categories-ul {
883 list-style-type: none;
886 .nets-ul li, .fileas-ul li, .categories-ul li {
887 /*margin-top: 10px;*/
897 .fileas-link, .categories-link {
901 .fileas-all, .categories-all {
907 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
908 background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
909 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
910 background-color: #f0edf0;
911 border-radius: 5px 5px 0px 0px;
912 -moz-border-radius: 5px 5px 0px 0px;
913 -webkit-border-radius: 5px 5px 0px 0px;
914 border: 1px solid #e2e2e2;
915 border-bottom: 1px solid #cdcdcd;
918 vertical-align: baseline;
920 text-shadow: -1px 0px 0px #bdbdbd;
927 #group-sidebar h3:before {
928 content: url("groups.png");
930 vertical-align: middle;
942 .saved-search-li .icon {
946 .birthday-today, .event-today {
950 #birthday-wrapper, #event-wrapper {
960 /* ================== */
961 /* = Contacts Block = */
962 /* ================== */
968 border: 1px solid #C5C5C5;
970 -moz-border-radius: 3px;
971 -webkit-border-radius: 3px;
972 box-shadow: 0 0 8px #BDBDBD;
973 -moz-box-shadow: 3px 3px 4px #959494;
974 -webkit-box-shadow: 3px 3px 4px #959494;
980 .contact-block-link {
984 .contact-block-textdiv {
991 .contact-block-content {
1003 #profile-jot-text-loading,
1009 #profile-jot-text_tbl {
1010 margin-bottom: 10px;
1014 #profile-jot-text_ifr {
1015 width: 99.9%!important
1018 #profile-jot-submit-wrapper {
1022 #jot-title, #jot-category {
1027 border: 1px solid #cccccc;
1034 #jot-title::-webkit-input-placeholder,
1035 #jot-category::-webkit-input-placeholder {
1036 font-weight: normal;
1039 #jot-title:-moz-placeholder,
1040 #jot-category:-moz-placeholder {
1041 font-weight: normal;
1046 #jot-category:hover,
1047 #jot-category:focus {
1048 border: 1px solid #cccccc;
1051 .jothidden { display:none; }
1054 background: #FFFFC8;
1058 margin: 15px 0 15px 150px;
1061 #profile-jot-perms, #profile-jot-submit {
1064 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1065 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1066 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1067 background-color: #bdbdbd;
1068 display: inline-block;
1070 text-decoration: none;
1072 border: 1px solid #7C7D7B;
1074 -moz-border-radius: 5px;
1075 -webkit-border-radius: 5px;
1078 #jot-preview-form {}
1085 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1086 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1087 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1088 background-color: #bdbdbd;
1089 display: inline-block;
1091 text-decoration: none;
1094 border: 1px solid #7C7D7B;
1096 -moz-border-radius: 5px;
1097 -webkit-border-radius: 5px;
1100 #profile-jot-perms {
1107 border: 1px solid #7C7D7B;
1109 -moz-border-radius: 5px;
1110 -webkit-border-radius: 5px;
1113 #jot-perms-perms .icon {
1117 #profile-jot-submit {
1120 margin-right: 145px;
1124 border: 1px solid #7C7D7B;
1126 -moz-border-radius: 5px;
1127 -webkit-border-radius: 5px;
1130 #profile-jot-perms:hover,
1131 #profile-jot-submit:hover,
1132 #jot-preview-link:hover {
1133 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1134 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1135 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1136 background-color: #1873a2;
1137 border: 1px solid #7C7D7B;
1138 box-shadow: 0 0 8px #BDBDBD;
1139 -moz-box-shadow: 3px 3px 4px #959494;
1140 -webkit-box-shadow: 3px 3px 4px #959494;
1142 -moz-border-radius: 5px;
1143 -webkit-border-radius: 5px;
1146 #profile-jot-perms:active,
1147 #profile-jot-submit:active,
1148 #jot-preview-link:active {
1153 #character-counter {
1159 #profile-rotator-wrapper {
1168 #profile-jot-tools-end,
1169 #profile-jot-banner-end {
1173 #profile-jot-email-wrapper {
1174 margin: 10px 10% 0px 10%;
1175 border: 1px solid #eeeeee;
1179 #profile-jot-email-label {
1180 background-color: #555753;
1185 #profile-jot-email {
1190 #profile-jot-networks {
1192 border: 1px solid #eeeeee;
1197 #profile-jot-acl-wrapper {
1199 border: 1px solid #eeeeee;
1201 display:block!important;
1204 #profile-video-wrapper,
1205 #profile-audio-wrapper,
1206 #profile-location-wrapper,
1207 #profile-nolocation-wrapper {
1210 #group_allow_wrapper,
1211 #group_deny_wrapper,
1212 #acl-permit-outer-wrapper {
1217 #contact_allow_wrapper,
1218 #contact_deny_wrapper,
1219 #acl-deny-outer-wrapper {
1225 background-color: #555753;
1227 padding: 5px; float: left;
1231 background-color: #555753;
1238 background-color: #555753;
1244 #acl-permit-text-end,
1245 #acl-deny-text-end {
1249 #profile-jot-wrapper {
1261 #profile-jot-text-loading,
1262 #profile-attach-wrapper,
1263 #profile-link-wrapper,
1264 #profile-jot-banner-wrapper {}
1277 padding: 20px 0px 0px;
1286 padding: 5px 10px 5px 10px;
1287 display: inline-block;
1294 padding: 5px 10px 5px 10px;
1301 .wall-item-outside-wrapper {
1303 border-bottom: 1px solid #dedede;
1305 margin-bottom: 20px;
1306 padding-right: 10px;
1308 background: none repeat scroll 0 0 #FFFFFF;
1309 border: 1px solid #CDCDCD;
1311 -moz-border-radius: 5px;
1312 -webkit-border-radius: 5px;
1313 box-shadow: 0 0 8px #BDBDBD;
1314 -moz-box-shadow: 3px 3px 4px #959494;
1315 -webkit-box-shadow: 3px 3px 4px #959494;
1318 .wall-item-outside-wrapper-end {
1322 .wall-item-content-wrapper {
1328 .wall-item-comment-wrapper {
1332 .wall-item-photo-menu {
1336 .wall-item-photo-menu-button {
1338 text-indent: -99999px;
1339 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1346 border-radius: 0px 0px 5px 5px;
1347 -webkit-border-radius: 0px 0px 5px 5px;
1348 -moz-border-radius: 0px 0px 5px 5px;
1356 .wall-item-photo-wrapper {
1363 filter: alpha(opacity=60);
1365 transition: all 0.25s ease-in-out;
1366 -webkit-transition: all 0.25s ease-in-out;
1367 -moz-transition: all 0.25s ease-in-out;
1369 padding-bottom: 5px;
1374 .wall-item-tools:hover {
1375 filter: alpha(opacity=100);
1377 transition: all 0.25s ease-in-out;
1378 -webkit-transition: all 0.25s ease-in-out;
1379 -moz-transition: all 0.25s ease-in-out;
1383 filter: alpha(opacity=60);
1385 transition: all 0.25s ease-in-out;
1386 -webkit-transition: all 0.25s ease-in-out;
1387 -moz-transition: all 0.25s ease-in-out;
1390 padding-bottom: 5px;
1395 .wall-item-social:hover {
1396 filter: alpha(opacity=100);
1398 transition: all 0.25s ease-in-out;
1399 -webkit-transition: all 0.25s ease-in-out;
1400 -moz-transition: all 0.25s ease-in-out;
1403 .wall-item-outside-wrapper.comment .wall-item-tools {
1407 .wall-item-like-buttons {
1411 .wall-item-like-buttons a.icon {
1417 .wall-item-links-wrapper {
1422 .wall-item-delete-wrapper {
1427 .wall-item-links-wrapper a.icon {
1455 padding-right: 10px;
1460 .wall-item-body img {
1469 .wall-item-lock-wrapper {
1477 margin: 0px 0px 10px 0px;
1483 margin: 0px 0px 0px 100px;
1487 .wall-item-author a {
1497 .wall-item-wrapper-end {
1501 .wall-item-location {
1505 text-overflow: ellipsis;
1506 -o-text-overflow: ellipsis;
1509 .wall-item-location .icon {
1513 .wall-item-location > a {
1518 font-variant: small-caps;
1522 .wall-item-location .smalltext {
1528 .wall-item-location > br {
1548 .wallwall .wwto img {
1549 width: 30px!important;
1550 height: 30px!important;
1553 .wallwall .wall-item-photo-end {
1557 .wall-item-arrowphoto-wrapper {
1564 .wall-item-photo-menu {
1568 background: #eeeeee;
1569 border-right: 1px solid #dddddd;
1570 border-left: 1px solid #dddddd;
1571 border-bottom: 1px solid #dddddd;
1577 border-radius: 0px 5px 5px 5px;
1578 -webkit-border-radius: 0px 5px 5px 5px;
1579 -moz-border-radius: 0px 5px 5px 5px;
1580 box-shadow: 3px 3px 4px #959494;
1581 -moz-box-shadow: 3px 3px 4px #959494;
1582 -webkit-box-shadow: 3px 3px 4px #959494;
1586 .wall-item-photo-menu-button {
1587 border-right: 1px solid #dddddd;
1588 border-left: 1px solid #dddddd;
1589 border-bottom: 1px solid #dddddd;
1590 box-shadow: 3px 3px 4px #959494;
1591 -moz-box-shadow: 3px 3px 4px #959494;
1592 -webkit-box-shadow: 3px 3px 4px #959494;
1595 .fakelink wall-item-photo-menu-button {
1596 -webkit-border-radius: 0px 5px 5px 5px;
1597 -moz-border-radius: 0px 5px 5px 5px;
1598 border-radius: 0px 5px 5px 5px;
1599 box-shadow: 3px 3px 4px #959494;
1600 -moz-box-shadow: 3px 3px 4px #959494;
1601 -webkit-box-shadow: 3px 3px 4px #959494;
1604 .wall-item-photo-menu ul {
1610 .wall-item-photo-menu li a {
1611 white-space: nowrap;
1617 .wall-item-photo-menu li a:hover {
1619 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1620 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1621 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1622 background-color: #1873a2;
1623 /*order-bottom: none;*/
1631 #item-delete-selected-end,
1632 #item-delete-selected {
1639 #item-delete-selected-icon {}
1642 font-family: Courier, monospace;
1643 /*white-space: pre;*/
1646 border: 1px solid #444;
1658 .ccollapse-wrapper {
1667 border: 0px solid #CDCDCD;
1669 -moz-border-radius: 5px;
1670 -webkit-border-radius: 5px;
1671 margin-bottom: 20px;
1672 background-color: #E2E2E2;
1675 .collapsed-comments,
1677 .hide-comments-outer,
1678 .wall-item-outside-wrapper.comment {
1680 margin-bottom: 20px;
1683 .wall-item-outside-wrapper.comment .wall-item-photo {
1684 width: 40px!important;
1685 height: 40px!important;
1688 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1693 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1696 background-position: 35px center;
1699 .wall-item-outside-wrapper.comment .wall-item-info {
1703 .wall-item-outside-wrapper.comment .wall-item-body {
1706 padding-right: 10px;
1710 .wall-item-outside-wrapper.comment .wall-item-author {
1714 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1718 .icollapse-wrapper {
1723 .comment-wwedit-wrapper,
1724 .comment-edit-wrapper {
1725 margin: 0px 0px 5px 0px;
1728 .comment-wwedit-wrapper img,
1729 .comment-edit-wrapper img {
1735 .comment-edit-photo-link {
1740 .comment-edit-text-empty {
1741 width: 672px; /*80%*/
1744 transition: all 0.5s ease-in-out;
1745 -webkit-transition: all 0.5s ease-in-out;
1746 -moz-transition: all 0.5s ease-in-out;
1749 .comment-edit-text-empty:hover {
1753 .comment-edit-text-full {
1756 transition: all 0.5s ease-in-out;
1757 -webkit-transition: all 0.5s ease-in-out;
1758 -moz-transition: all 0.5s ease-in-out;
1761 .comment-edit-submit-wrapper {
1767 .comment-edit-submit {
1770 background-color: #a2a2a2;
1772 border: 1px solid #CDCDCD;
1774 -moz-border-radius: 5px;
1775 -webkit-border-radius: 5px;
1778 .comment-edit-submit:hover {
1779 background-color: #1873a2;
1780 border: 1px solid #CDCDCD;
1782 -moz-border-radius: 5px;
1783 -webkit-border-radius: 5px;
1784 box-shadow: 0 0 8px #BDBDBD;
1785 -moz-box-shadow: 3px 3px 4px #959494;
1786 -webkit-box-shadow: 3px 3px 4px #959494;
1789 .comment-edit-submit:active {
1790 background-color: #1873a2;
1793 #item-delete-selected-desc {
1798 .wall-item-body code {
1799 font-family: Courier, monospace;
1800 /*white-space: pre;*/
1803 border: 1px solid #cccccc;
1804 border-width: 1px 1px 1px 3px;
1813 .advanced-profile-content {
1815 margin-bottom: 10px;
1820 .advanced-profile-label {
1823 padding-bottom: 5px;
1827 div[id$="wrapper"] {
1831 div[id$="wrapper"] br {
1835 #advanced-profile-with {
1839 #profile-listing-desc {
1842 padding: 5px 10px 5px 10px;
1844 margin-bottom: 20px;
1846 display: inline-block;
1851 #profile-listing-new-link-wrapper {
1857 padding: 5px 10px 5px 10px;
1862 .profile-listing-name {
1865 .profile-listing-name a {
1869 #profile-edit-links li {
1872 margin-bottom: 20px;
1874 background-color: #a2a2a2;
1876 padding: 5px 10px 5px 10px;
1880 -moz-border-radius: 5px;
1881 -webkit-border-radius: 5px;
1884 #profile-edit-links li a {
1888 #profile-edit-links li:hover {
1889 background-color: #1873a2;
1892 #profile-edit-links li:active {
1893 background-color: #1873a2;
1896 #profile-edit-links-end {
1898 margin-bottom: 15px;
1901 .profile-edit-side-div {
1909 #cropimage-wrapper {
1917 .profile-match-name a{
1922 .profile-match-name a:hover {
1926 .profile-match-wrapper {
1929 margin-bottom: 10px;
1931 background-color: #f6f6f6;
1932 border: 1px solid #dddddd;
1933 box-shadow: 3px 3px 4px #959494;
1934 -moz-box-shadow: 3px 3px 4px #959494;
1935 -webkit-box-shadow: 3px 3px 4px #959494;
1939 .profile-match-end {
1943 .profile-match-photo {
1957 #side-bar-photos-albums h3:before {
1958 content: url("photography.png");
1959 padding-right: 10px;
1960 vertical-align: middle;
1963 #side-bar-photos-albums li {
1973 margin-bottom: 20px;
1975 background-color: #a2a2a2;
1977 padding: 5px 10px 5px 10px;
1981 -moz-border-radius: 5px;
1982 -webkit-border-radius: 5px;
1985 #photo-top-links a {
1989 #photo-top-links:hover {
1990 background-color: #1873a2;
1993 #photo-top-links:active {
1994 background-color: #1873a2;
1997 .photo-album-image-wrapper {
1999 margin: 0px 10px 10px 0px;
2000 padding-bottom: 30px;
2004 .photo-top-image-wrapper {
2008 margin: 0px 10px 10px 0px;
2009 padding-bottom: 30px;
2013 #photo-album-wrapper-inner {
2030 .photo-top-image-wrapper a:hover,
2031 #photo-photo a:hover,
2032 .photo-album-image-wrapper a:hover {
2037 .photo-album-photo {}
2039 .photo-top-album-name {
2044 font-stretch: semi-expanded;
2047 .photo-top-album-name a {
2080 background-color: rgba(255,255,255,0.2);
2082 transition: all 0.2s ease-in-out;
2083 -webkit-transition: all 0.2s ease-in-out;
2084 -moz-transition: all 0.2s ease-in-out;
2085 background-position: center center;
2086 background-repeat: no-repeat;
2092 background-image: url('prev.png');
2098 background-image: url('next.png');
2102 #photo-next-link a {
2107 text-indent: -900000px;
2110 #photo-prev-link:hover,
2111 #photo-next-link:hover {
2113 transition: all 0.2s ease-in-out;
2114 -webkit-transition: all 0.2s ease-in-out;
2115 -moz-transition: all 0.2s ease-in-out;
2118 #photo-next-link .icon,
2119 #photo-prev-link .icon {
2123 #photos-upload-spacer,
2124 #photos-upload-new-wrapper,
2125 #photos-upload-exist-wrapper {
2129 #photos-upload-existing-album-text,
2130 #photos-upload-newalbum-div {
2131 background-color: #fff;
2139 #photos-upload-album-select,
2140 #photos-upload-newalbum {
2144 #photos-upload-perms-menu {
2149 #photos-upload-perms-menu .icon {
2154 border: 1px solid #b0b0b0;
2157 -moz-border-radius: 3px;
2158 -webkit-border-radius: 3px;
2163 select[size][multiple] {
2164 margin: 5px 0px 10px 0px;
2168 -webkit-appearance: menulist;
2169 box-sizing: border-box;
2170 -webkit-box-align: center;
2177 letter-spacing: normal;
2178 word-spacing: normal;
2180 text-transform: none;
2183 display: inline-block;
2184 text-align: -webkit-auto;
2191 letter-spacing: normal;
2192 word-spacing: normal;
2194 text-transform: none;
2197 display: inline-block;*/
2198 text-align: -webkit-auto;
2203 -moz-border-radius: 5px;
2204 -webkit-border-radius: 5px;
2209 margin-bottom: 20px;
2211 background-color: #a2a2a2;
2213 padding: 5px 10px 5px 10px;
2217 -moz-border-radius: 5px;
2218 -webkit-border-radius: 5px;
2221 #album-edit-link a {
2225 #album-edit-link:hover {
2226 background-color: #1873a2;
2229 #photo-edit-link-wrap {
2230 margin-bottom: 10px;
2239 input#photo_edit_form {
2244 #photo-edit-perms-menu {
2253 #photo-edit-perms-menu .icon {
2257 #photo-edit-delete-button {
2263 #photo-album-edit-wrapper {
2264 margin-bottom: 10px;
2278 background-color: #fff;
2279 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2280 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2281 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2284 #prvmail-wrapper:before,
2285 #prvmail-wrapper:after,
2286 .mail-conv-detail:before,
2287 .mail-conv-detail:after,
2288 .mail-list-detail:before,
2289 .mail-list-detail:after {
2296 background: transparent;
2297 transform: skew(-5deg) rotate(-5deg);
2298 -webkit-transform: skew(-5deg) rotate(-5deg);
2299 -moz-transform: skew(-5deg) rotate(-5deg);
2300 -ms-transform: skew(-5deg) rotate(-5deg);
2301 -o-transform: skew(-5deg) rotate(-5deg);
2302 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2303 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2304 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2308 #prvmail-wrapper:after,
2309 .mail-conv-detail:after,
2310 .mail-list-detail:after {
2313 transform: skew(5deg) rotate(5deg);
2314 -webkit-transform: skew(5deg) rotate(5deg);
2315 -moz-transform: skew(5deg) rotate(5deg);
2316 -ms-transform: skew(5deg) rotate(5deg);
2317 -o-transform: skew(5deg) rotate(5deg);
2333 #prvmail-subject .input {
2334 border: none !important;
2337 #prvmail-subject-label {}
2343 #prvmail-to-label {}
2345 #prvmail-message-label {
2349 #prvmail-submit-wrapper {
2363 #prvmail-submit-wrapper > div {
2368 .mail-list-outside-wrapper {
2375 background-color: #efefef;
2376 border: 1px solid #C5C5C5;
2378 -moz-border-radius: 3px;
2379 -webkit-border-radius: 3px;
2380 box-shadow: 0 0 8px #BDBDBD;
2381 -moz-box-shadow: 3px 3px 4px #959494;
2382 -webkit-box-shadow: 3px 3px 4px #959494;
2391 border: 1px solid #dddddd;
2394 .mail-list-sender-name {
2405 font-stretch: ultra-condensed;
2408 .mail-list-subject {
2412 padding-right: 50px;
2415 .mail-list-subject a {
2419 .mail-list-delete-wrapper {
2423 .mail-list-outside-wrapper-end {
2427 .mail-conv-outside-wrapper {
2428 margin-bottom: 10px;
2434 margin: 0px 5px 5px 0px;
2437 .mail-conv-sender-photo {
2442 .mail-conv-sender-name {
2451 .mail-conv-subject {
2464 padding-bottom: 20px;
2467 vertical-align: middle;
2469 border: 1px solid #dddddd;
2476 .mail-conv-delete-wrapper {
2484 border: 1px solid #dddddd;
2487 /* ================= */
2488 /* = Notifications = */
2489 /* ================= */
2491 #notification-show-hide-wrapper {
2493 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2494 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2495 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2496 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2497 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2498 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2499 background-color: #bdbdbd;
2501 -moz-border-radius: 5px;
2502 -webkit-border-radius: 5px;
2503 padding: 5px 10px 5px 10px;
2511 #notification-show-hide-wrapper:hover {
2513 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2514 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2515 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2516 background-color: #1873a2;
2519 #notification-show-hide-wrapper:active {
2520 background-color: #1873a2;
2525 #notification-show-hide-wrapper a {
2534 margin-bottom: 10px;
2544 .view-contact-wrapper,
2545 .contact-entry-wrapper {
2548 margin-bottom: 20px;
2562 .contact-entry-direction-wrapper {
2567 .contact-entry-edit-links {
2572 #contacts-show-hide-link {
2573 margin-bottom: 20px;
2578 .contact-entry-name {
2588 .contact-entry-photo {
2592 .contact-entry-edit-links .icon {
2593 border: 1px solid #babdb6;
2595 -webkit-border-radius: 3px;
2596 -moz-border-radius: 3px;
2597 background-color: #ffffff;
2600 #contact-edit-banner-name {
2605 #contact-edit-update-now {
2610 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2611 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2612 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2613 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2614 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2615 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2616 background-color: #bdbdbd;
2618 -moz-border-radius: 5px;
2619 -webkit-border-radius: 5px;
2620 display: inline-block;
2622 text-decoration: none;
2626 #contact-edit-update-now:hover {
2627 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2628 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2629 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2630 background-color: #1873a2;
2633 #contact-edit-update-now:active {
2638 #contact-edit-update-now a {
2645 .contact-photo-menu-button {
2647 background-image: url("photo-menu.jpg");
2648 background-position: top left;
2649 background-repeat: no-repeat;
2650 margin: 10px 0 0 0; padding: 0px;
2653 top: 64px; left:0px;
2659 .contact-photo-menu {
2661 border: 1px solid #ddd;
2662 background: #f1f1f1;
2664 left: 0px; top: 90px;
2667 box-shadow: 3px 3px 5px #888;
2668 -moz-box-shadow: 3px 3px 5px #888;
2669 -webkit-box-shadow: 3px 3px 5px #888;
2672 .contact-photo-menu ul {
2678 .contact-photo-menu li a {
2685 .contact-photo-menu li a:hover {
2687 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2688 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2689 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2690 background-color: #1873a2;
2691 text-decoration: none;
2694 .view-contact-name {}
2697 background-color: #efefef;
2703 margin-bottom: 80px;
2706 #follow-sidebar h3:before {
2707 content: url("user.png");
2708 padding-right: 10px;
2709 vertical-align: middle;
2712 #follow-sidebar input[type="text"] {
2714 margin-bottom: 10px;
2717 #side-follow-submit {
2726 margin: auto 10px 20px;
2727 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2728 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2729 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2730 background-color: #bdbdbd;
2731 padding: 5px 10px 5px 10px;
2735 border: 1px solid #7C7D7B;
2737 -moz-border-radius: 5px;
2738 -webkit-border-radius: 5px;
2741 #side-match-link:hover {
2743 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2744 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2745 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2746 background-color: #1873a2;
2747 border: 1px solid #7C7D7B;
2748 box-shadow: 0 0 8px #BDBDBD;
2749 -moz-box-shadow: 3px 3px 4px #959494;
2750 -webkit-box-shadow: 3px 3px 4px #959494;
2752 -moz-border-radius: 5px;
2753 -webkit-border-radius: 5px;
2756 #side-match-link:active {
2757 background-color: #1873a2;
2762 #side-match-link a {
2770 margin-bottom: 20px;
2771 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2772 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2773 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2774 background-color: #bdbdbd;
2775 padding: 5px 10px 5px 10px;
2779 border: 1px solid #7C7D7B;
2781 -moz-border-radius: 5px;
2782 -webkit-border-radius: 5px;
2785 #side-invite-link:hover {
2787 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2788 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2789 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2790 background-color: #1873a2;
2791 border: 1px solid #7C7D7B;
2792 box-shadow: 0 0 8px #BDBDBD;
2793 -moz-box-shadow: 3px 3px 4px #959494;
2794 -webkit-box-shadow: 3px 3px 4px #959494;
2796 -moz-border-radius: 5px;
2797 -webkit-border-radius: 5px;
2801 #side-invite-link:active {
2802 background-color: #1873a2;
2807 #side-invite-link a {
2811 #side-suggest-link {
2815 margin-bottom: 20px;
2816 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2817 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2818 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2819 background-color: #bdbdbd;
2820 padding: 5px 10px 5px 10px;
2824 border: 1px solid #7C7D7B;
2826 -moz-border-radius: 5px;
2827 -webkit-border-radius: 5px;
2830 #side-suggest-link:hover {
2832 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2833 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2834 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2835 background-color: #1873a2;
2836 border: 1px solid #7C7D7B;
2837 box-shadow: 0 0 8px #BDBDBD;
2838 -moz-box-shadow: 3px 3px 4px #959494;
2839 -webkit-box-shadow: 3px 3px 4px #959494;
2841 -moz-border-radius: 5px;
2842 -webkit-border-radius: 5px;
2845 #side-suggest-link:active {
2846 background-color: #1873a2;
2851 #side-suggest-link a {
2857 #invite-recipient-text {
2861 #side-follow-wrapper {
2864 font-stretch: semi-expanded;
2865 background-color: #f3f3f3;
2866 border: 1px solid #cdcdcd;
2870 -moz-border-radius: 5px;
2871 -webkit-border-radius: 5px;
2874 #side-follow-wrapper label{
2876 font-variant: normal;
2884 margin-bottom: 20px;
2885 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2886 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2887 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2888 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2889 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2890 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2891 background-color: #bdbdbd;
2893 -moz-border-radius: 5px;
2894 -webkit-border-radius: 5px;
2895 padding: 5px 10px 5px 10px;
2901 #contact-suggest:hover {
2903 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2904 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2905 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2906 background-color: #1873a2;
2909 #contact-suggest:active {
2910 background-color: #1873a2;
2915 #contact-suggest a {
2931 /* ===================================== */
2932 /* = Register, Settings, Profile Forms = */
2933 /* ===================================== */
2935 #id_openid_url, .openid input{
2936 background: url(login-bg.gif) no-repeat;
2937 background-position: 0 50%;
2939 width: 220px!important;
2945 #profile-tabs-wrapper {
2949 #profile-tab-status-link {
2951 padding: 5px 10px 5px 10px;
2959 #profile-tab-profile-link {
2961 padding: 5px 10px 5px 10px;
2966 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2967 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2968 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2969 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2970 background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2971 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2972 background-color: #7c7d7b;
2974 -moz-border-radius: 5px;
2975 -webkit-border-radius: 5px;
2976 padding: 5px 10px 5px 10px;
2977 margin-bottom: 10px;
2980 #uexport-link:hover {
2982 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2983 background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2984 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2985 background-color: #555753;
2988 #uexport-link:active {
2990 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2991 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2992 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2993 background-color: #1873a2;
2998 #settings-default-perms .fakelink {
3002 #settings-default-perms {
3006 padding: 5px 10px 5px 10px;
3007 margin-bottom: 10px;
3008 background-color: #BDBDBD;
3009 background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
3010 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3011 border: 1px solid #7C7D7B;
3013 -moz-border-radius: 5px;
3014 -webkit-border-radius: 5px;
3017 #settings-default-perms:hover {
3019 background-color: #555753;
3020 border: 1px solid #7C7D7B;
3021 box-shadow: 0 0 8px #BDBDBD;
3022 -moz-box-shadow: 3px 3px 4px #959494;
3023 -webkit-box-shadow: 3px 3px 4px #959494;
3025 -moz-border-radius: 5px;
3026 -webkit-border-radius: 5px;
3029 #settings-default-perms:active {
3031 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3032 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3033 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3034 background-color: #1873a2;
3039 #settings-nickname-desc {
3041 background-color: #efefef;
3043 margin-bottom: 10px;
3045 -webkit-border-radius: 5px;
3046 -moz-border-radius: 5px;
3050 #register-form div {
3054 #profile-edit-form div {
3058 #profile-edit-form div[id$='desc'] {
3063 #register-form label,
3064 #profile-edit-form label {
3067 margin-right: 155px;
3070 /* #register-form span,
3071 #profile-edit-form span { */
3072 #register-form span {
3075 margin-bottom: 20px;
3078 .settings-submit-wrapper,
3079 .profile-edit-submit-wrapper {
3086 margin: 20px 20px 0px 0px;
3090 #register-sitename {
3095 #register-submit-button {
3099 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3105 #register-name, #register-email, #register-nickname {
3117 #register-fill-ext {
3118 margin-bottom: 25px;
3121 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3125 #register-nickname-desc {
3130 /* ===================== */
3131 /* = Contacts Selector = */
3132 /* ===================== */
3134 #group-edit-wrapper {
3135 margin-bottom: 10px;
3138 #group-edit-name-wrapper {
3142 #group-edit-submit-wrapper {
3143 margin-bottom: 10px;
3144 margin-right: 400px;
3149 .group-delete-wrapper {
3153 margin-bottom: 10px;
3154 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3155 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3156 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3157 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3158 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3159 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3160 background-color: #bdbdbd;
3162 -moz-border-radius: 5px;
3163 -webkit-border-radius: 5px;
3166 .group-delete-wrapper:hover {
3167 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3168 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3169 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3170 background-color: #1873a2;
3173 .group-delete-wrapper:active {
3174 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3175 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3176 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3177 background-color: #1873a2;
3180 .group-delete-wrapper a {
3199 background-color: #f0edf0;
3201 border: 1px solid #ccc;
3202 margin-bottom: 10px;
3206 #group-all-contacts,
3207 #prof-all-contacts {
3211 border: 1px solid #ccc;
3212 background-color: #f0edf0;
3217 #group-all-contacts h3,
3219 #prof-all-contacts h3{
3253 margin-bottom: 10px;
3254 background-color: #fff;
3255 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3256 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3257 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3268 background: transparent;
3269 transform: skew(-5deg) rotate(-5deg);
3270 -webkit-transform: skew(-5deg) rotate(-5deg);
3271 -moz-transform: skew(-5deg) rotate(-5deg);
3272 -ms-transform: skew(-5deg) rotate(-5deg);
3273 -o-transform: skew(-5deg) rotate(-5deg);
3274 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3275 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3276 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3283 transform: skew(5deg) rotate(5deg);
3284 -webkit-transform: skew(5deg) rotate(5deg);
3285 -moz-transform: skew(5deg) rotate(5deg);
3286 -ms-transform: skew(5deg) rotate(5deg);
3287 -o-transform: skew(5deg) rotate(5deg);
3290 .vevent .event-description {
3295 font-weight: bolder;
3298 .vevent .event-location {
3302 font-style: oblique;
3306 .vevent .event-start,
3307 .vevent .event-end {
3319 margin-bottom: 10px;
3321 box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3322 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3323 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3324 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3325 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3326 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3327 background-color: #bdbdbd;
3329 -moz-border-radius: 5px;
3330 -webkit-border-radius: 5px;
3334 #new-event-link:hover {
3336 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3337 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3338 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3339 background-color: #1873a2;
3342 #new-event-link:active {
3343 background-color: #1873a2;
3353 .edit-event-link, .plink-event-link {
3357 margin-bottom: 15px;
3360 .event-description:before {
3361 content: url('calendar.png');
3363 vertical-align: middle;
3372 .event-start .dtstart,
3379 margin-bottom: 10px;
3380 font-stretch: condensed;
3391 .event-calendar-end {
3397 font-family: Helvetica, Arial, sans-serif;
3398 background-color: #f1f1f1;
3399 border: 1px solid #dedede;
3400 margin-bottom: 10px;
3401 box-shadow: 5px 5px 8px #959494;
3402 -moz-box-shadow: 5px 5px 8px #959494;
3403 -webkit-box-shadow: 5px 5px 8px #959494;
3407 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3408 background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3409 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3410 background-color: #1873a2;
3411 padding: 10px 0px 10px 0px;
3416 box-shadow: 5px 2px 8px #959494;
3417 -moz-box-shadow: 5px 2px 8px #959494;
3418 -webkit-box-shadow: 5px 2px 8px #959494;
3422 border: 1px solid #eeeeee;
3432 background-color: #cdcdcd;
3444 background-color: #1873a2;
3449 #event-finish-text {
3454 #event-nofinish-checkbox,
3455 #event-nofinish-text,
3456 #event-adjust-checkbox,
3458 #event-share-checkbox {
3462 #event-datetime-break {
3463 margin-bottom: 10px;
3466 #event-nofinish-break,
3467 #event-adjust-break,
3468 #event-share-break {
3473 #event-location-text {
3488 margin: 50px 50px 0px 0px;
3491 .directory-details {
3513 background-color: #FF0000;
3518 border: 0px; padding: 0px;
3522 list-style-position: inside;
3532 padding-bottom: 2px;
3533 border-bottom: 1px solid black;
3546 border-bottom: 1px solid #898989;
3551 #adminpage .submit {
3561 #adminpage .plugin {
3564 border: 1px solid #888888;
3570 #adminpage .toggleplugin {
3577 border-bottom: 1p solid #000000;
3581 #adminpage table th {
3585 #adminpage td .icon {
3589 #adminpage table#users img {
3594 #adminpage table tr:hover {
3595 background-color: #eeeeee;
3598 #adminpage .selectall {
3602 /* =============== */
3603 /* = Form Fields = */
3604 /* =============== */
3623 border: 1px solid #CDCDCD;
3625 -moz-border-radius: 5px;
3626 -webkit-border-radius: 5px;
3641 margin-bottom: 10px;
3651 border: 1px solid #c1c1c1;
3652 background-image: url("../../../images/onoff.jpg");
3653 background-repeat: no-repeat;
3654 padding: 4px 2px 2px 2px;
3656 text-decoration: none;
3658 .field .onoff .off {
3659 border-color: #c1c1c1;
3661 background-position: left center;
3662 background-color: #cccccc;
3668 border-color: #c1c1c1;
3669 padding-right: 40px;
3670 background-position: right center;
3671 background-color: #1873a2;
3677 display: none!important;
3680 .field .radio .field_help {
3689 cursor: url('lock.cur'), pointer;
3698 background-image: url("icons.png");
3701 background-image: url("star.png");
3705 background-image: url("premium.png");
3710 background-image: url("notifications.png");
3715 border: 1px solid #c1c1c1;
3717 -webkit-border-radius: 3px;
3718 -moz-border-radius: 3px;
3721 .article { background-position: -50px 0px;}
3722 .audio { background-position: -70px 0px;}
3723 .block { background-position: -90px 0px;}
3724 .drop { background-position: -110px 0px;}
3725 .drophide { background-position: -130px 0px;}
3726 .edit { background-position: -150px 0px;}
3727 .camera { background-position: -170px 0px;}
3728 .dislike { background-position: -190px 0px;}
3729 .like { background-position: -210px 0px;}
3730 .link { background-position: -230px 0px;}
3731 .globe { background-position: -50px -20px;}
3732 .noglobe { background-position: -70px -20px;}
3733 .no { background-position: -90px -20px;}
3734 .pause { background-position: -110px -20px;}
3735 .play { background-position: -130px -20px;}
3736 .pencil { background-position: -150px -20px; margin-right: 12px;}
3737 .small-pencil { background-position: -170px -20px;}
3738 .recycle { background-position: -190px -20px;}
3739 .remote-link { background-position: -210px -20px; margin-right: 10px;}
3740 .share { background-position: -230px -20px;}
3741 .tools { background-position: -50px -40px;}
3742 .lock { background-position: -70px -40px;}
3744 background-position: -90px -40px;
3745 background-image: none;
3751 background-image: url("icons.png");
3754 margin: 2px 0px 2px 3px;
3758 .video { background-position: -110px -40px;}
3759 .youtube { background-position: -130px -40px;}
3760 .attach { background-position: -190px -40px;}
3761 .language { background-position: -210px -40px;}
3762 .on { background-position: -50px -60px;}
3763 .off { background-position: -70px -60px;}
3764 .prev { background-position: -90px -60px;}
3765 .next { background-position: -110px -60px;}
3766 .tagged { background-position: -130px -60px; margin-right: 10px;}
3767 .icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
3770 display: block; width: 20px; height: 23px;
3771 background-image: url("../../../images/content-types.png");
3774 .type-video { background-position: 0px 0px; }
3775 .type-image { background-position: -20px 0px; }
3776 .type-audio { background-position: -40px 0px; }
3777 .type-text { background-position: -60px 0px; }
3778 .type-unkn { background-position: -80px 0px; }
3800 #photo-edit-perms-select,
3801 #photos-upload-permissions-wrapper,
3802 #profile-jot-acl-wrapper{
3803 display: block!important;
3812 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3813 padding-right: 20px;
3824 background-color: #cccccc;
3825 background-position: 7px 7px;
3826 background-repeat: no-repeat;
3829 -webkit-border-radius: 5px ;
3830 -moz-border-radius: 5px;
3834 #acl-showall.selected {
3836 background-color: #1873a2;
3841 border: 1px solid #cccccc;
3842 background-color: #efefef;
3855 border: 1px solid #cccccc;
3856 background-color: #fff;
3859 box-shadow: 2px 2px 3px #c1c1c1;
3860 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3861 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3875 padding: 2px 0px 1px;
3884 background-color: #898989;
3885 background-position: 3px 3px;
3886 background-repeat: no-repeat;
3887 margin: 10px 0 0 5px;
3889 -webkit-border-radius: 2px ;
3890 -moz-border-radius: 2px;
3894 #acl-wrapper a:hover {
3895 text-decoration: none;
3896 background-color:#1873a2;
3899 .acl-button-show.selected {
3901 background-color: #1873a2;
3904 .acl-button-hide.selected {
3906 background-color: #a2a2a2;
3909 .acl-list-item.groupshow { border-color: #1873a2; }
3910 .acl-list-item.grouphide { border-color: #a2a2a2; }
3912 /* ========================= */
3913 /* = Global Directory Link = */
3914 /* ========================= */
3916 #global-directory-link {
3919 /*margin-bottom: 10px;*/
3920 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3921 background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3922 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3923 background-color: #bdbdbd;
3926 -webkit-padding-start: 0px;
3927 border: 1px solid #7C7D7B;
3929 -moz-border-radius: 5px;
3930 -webkit-border-radius: 5px;
3933 #global-directory-link:hover {
3935 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3936 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3937 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3938 background-color: #1873a2;
3939 border: 1px solid #7C7D7B;
3940 box-shadow: 0 0 8px #BDBDBD;
3941 -moz-box-shadow: 3px 3px 4px #959494;
3942 -webkit-box-shadow: 3px 3px 4px #959494;
3944 -moz-border-radius: 5px;
3945 -webkit-border-radius: 5px;
3948 #global-directory-link:active {
3949 background-color: #1873a2;
3954 #global-directory-link a {
3959 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3960 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3961 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3962 background-color: #1873a2;
3964 padding: 5px 10px 5px 10px;
3968 /* notifications popup menu */
3992 #nav-notifications-menu {
3996 overflow-style: scrollbar;
3997 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3998 background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3999 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
4000 background-color: #a2a2a2;
4001 border-radius: 0px 0px 5px 5px;
4002 -moz-border-radius: 0px 0px 5px 5px;
4003 -webkit-border-radius: 0px 0px 5px 5px;
4004 border: 1px solid #9A9A9A;
4006 box-shadow: 5px 5px 10px #242424;
4007 -moz-box-shadow: 5px 5px 10px #242424;
4008 -webkit-box-shadow: 5px 5px 10px #242424;
4011 #nav-notifications-menu .contactname {
4016 #nav-notifications-menu img {
4021 #nav-notifications-menu .notif-when {
4026 #nav-notifications-menu li {
4027 padding: 7px 0px 7px 10px;
4029 border-bottom: 1px solid #626262;
4032 #nav-notifications-menu li:hover {
4033 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4034 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4035 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4036 background-color: #1873a2;
4039 #nav-notifications-menu a:hover {
4040 text-decoration: underline;
4044 vertical-align: middle;
4046 padding-bottom: 7px;
4049 .notif-item a:hover {
4056 padding: 7px 7px 0px 0px;
4063 /* autocomplete popup */
4070 background: #eeeeee;
4071 border-right: 1px solid #dddddd;
4072 border-left: 1px solid #dddddd;
4073 border-bottom: 1px solid #dddddd;
4074 border-radius: 0px 5px 5px 5px;
4075 -webkit-border-radius: 0px 5px 5px 5px;
4076 -moz-border-radius: 0px 5px 5px 5px;
4077 box-shadow: 3px 3px 4px #959494;
4078 -moz-box-shadow: 3px 3px 4px #959494;
4079 -webkit-box-shadow: 3px 3px 4px #959494;
4092 .acpopupitem.selected {
4094 background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
4095 background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
4096 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
4097 background-color: #1873a2;
4103 filter: alpha(opacity=0);
4110 filter: alpha(opacity=100);
4114 background: #000000;
4117 /* Pages profile widget
4118 ----------------------------------------------------------- */
4120 #profile-page-list {
4124 #page-profile .title {
4128 #profile-vcard-break {
4132 #profile-extra-links {
4137 #profile-extra-links ul {
4138 list-style-type: none;
4143 #profile-extra-links li {
4147 .profile-edit-side-div {
4151 .profile-edit-side-link {
4153 filter:alpha(opacity=30);
4155 .profile-edit-side-link:hover {
4157 filter:alpha(opacity=100);
4161 ----------------------------------------------------------- */
4170 text-decoration: none;
4174 /* New posts and comments => background color
4175 ----------------------------------------------------------- */
4177 background: #fbfde9;
4180 div.wall-item-content-wrapper.shiny {
4181 background-image: url("shiny.png");
4182 background-repeat: repeat-x;
4188 #profile-nolocation,
4196 #profile-upload-wrapper,
4197 #wall-image-upload-div,
4198 #wall-file-upload-div,
4204 background: url("dot.png") repeat-x scroll left center transparent;
4205 border: medium none;
4208 .body-tag, .filesavetags, .categorytags {
4210 filter:alpha(opacity=50);
4213 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
4214 opacity: 1.0 !important;
4215 filter:alpha(opacity=100) !important;
4220 filter:alpha(opacity=10);
4225 .item-select:hover, .checkeditem {
4227 filter:alpha(opacity=100);
4231 display: block; width: 16px; height: 16px;
4232 background-image: url('file.gif');
4235 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4236 [class^="comment-edit-bb"] {
4239 margin: 0px 0 -5px 0px;
4252 .location, .location-label, .gender-label, .marital-label, .homepage-label {
4258 .adr, .x-gender, .marital-text, .homepage-url {
4265 #nav-notifications-template {}
4266 #categories-sidebar {}
4284 .fc-border-separate,
4287 div#datebrowse-sidebar.widget {
4293 .fakelink, .fakelink:visited, .fakelink:link {
4296 margin-bottom: 10px;
4298 /*background: url("down.png") no-repeat scroll left center transparent;*/