5 Created by Anne Walk and Devlon Duthie on 2011-09-24.
6 Based loosely on the Dipsy theme.
12 Red link hover - #db0503
13 Red Gradients (buttons and other gradients) - #b20202 and #d60808
16 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
18 Dark Grey Gradients - #7c7d7b and #555753
20 You can switch out the colors of header, buttons and links by using a find and replace in your text editor.
28 font-family: freesans,helvetica,arial,clean,sans-serif;
34 img { border: 0 none; max-width: 550px; }
36 a { color: #b20202; text-decoration: none; margin-bottom:1px;}
37 a:hover { color: #db0503; padding-bottom: 0px;}
61 font-variant:small-caps;
68 .required { display: inline; color: #b20202; }
69 .fakelink { color: #b20202; cursor: pointer; }
70 .fakelink :hover { color: #db0503; }
73 border: 2px solid #b0b0b0;
75 -webkit-border-radius: 3px 3px 3px 3px;
76 -moz-border-radius: 3px 3px 3px 3px;
77 border-radius: 3px 3px 3px 3px;
85 padding: 5px 5px 5px 5px;
86 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
87 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
88 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
89 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
90 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
91 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
92 background-color:#bdbdbd;
93 -moz-border-radius:5px;
94 -webkit-border-radius:5px;
100 input[type=submit]:hover {
102 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
103 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
104 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
105 background-color:#b20202;
108 input[type=submit]:active {
113 .smalltext { font-size: 0.7em }
115 ::selection { background:#fdf795; color: #000; /* Safari and Opera */ }
116 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
119 margin: 10px 11% 0px 11%;
122 padding-right: 230px;
129 #login-name-wrapper {
130 vertical-align: middle;
134 #login-name-wrapper input {
139 #login-password-wrapper {
140 vertical-align: middle;
149 padding: 5px 0px 5px 5px;
150 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
151 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
152 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
153 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
154 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
155 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
156 background-color:#bdbdbd;
157 -moz-border-radius:5px;
158 -webkit-border-radius:5px;
164 #login-extra-links:hover {
166 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
167 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
168 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
169 background-color:#b20202;
173 #login-extra-links:active {
178 #login-extra-links a {
183 #login-extra-filler {
187 #login-extra-links a { margin-right: 20px; }
196 -webkit-border-radius: 5px ;
197 -moz-border-radius: 5px;
199 border: 1px solid #494948;
200 background-color: #2e3436;
205 -moz-box-shadow: 7px 7px 12px #434343;
206 -webkit-box-shadow: 7px75px 12px #434343;
207 box-shadow: 7px 7px 10px #434343;
225 .pager span { padding: 4px; margin:4px; }
226 .pager_current { background-color: #b20202; color: #ffffff; }
238 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
239 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
240 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
241 background-color:#7c7d7b;
242 border-bottom: 1px solid #494948;
244 nav a { text-decoration: none; color: #eeeeec; border:0px;}
245 nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
254 nav #banner #logo-text a {
269 vertical-align: middle;
270 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
271 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
272 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
273 background-color:#898988;
274 -moz-border-radius:5px;
275 -webkit-border-radius:5px;
278 text-decoration:none;
280 border: 1px solid #9a9a9a;
283 nav #user-menu-label:after{
284 content: url("menu-user-pin.png") no-repeat;
288 nav #user-menu-label {
289 vertical-align: middle;
298 background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
299 background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
300 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
301 background-color:#898988;
307 border: 1px solid #9a9a9a;
309 -webkit-border-radius: 0px 0px 5px 5px;
310 -moz-border-radius: 0px 0px 5px 5px;
311 border-radius: 0px 0px 5px 5px;
312 -moz-box-shadow: 5px 5px 10px #242424;
313 -webkit-box-shadow: 5px 5px 10px #242424;
314 box-shadow: 5px 5px 10px #242424;
318 ul#user-menu-popup li { display: block; }
319 ul#user-menu-popup li a { display: block; padding: 5px; }
320 ul#user-menu-popup li a:hover {
322 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
323 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
324 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
325 background-color:#d60808;
328 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
337 top:32px; left: 600px;
342 background: transparent url('notifications.png') 0px 0px no-repeat;
352 #net-update { background-position: 0px 0px; }
353 #mail-update { background-position: -30px 0px; }
354 #notify-update { background-position: -60px 0px; }
355 #home-update { background-position: -90px 0px; }
370 /* =================== */
371 /* = System Messages = */
372 /* =================== */
374 #sysmsg_info, #sysmsg {
376 bottom: 0px; right:20%;
377 -moz-box-shadow: 7px 7px 12px #434343;
378 -webkit-box-shadow: 7px75px 12px #434343;
379 box-shadow: 7px 7px 10px #434343;
381 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
382 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
383 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
384 background-color:#b20202;
385 -webkit-border-radius: 5px 5px 0px 0px;
386 -moz-border-radius: 5px 5px 0px 0px;
387 border-radius: 5px 5px 0px 0px;
388 border: 1px solid #da2c2c;
390 padding-bottom: 50px;
400 border-top: 1px solid #dddddd;
403 /* ================= */
404 /* = Aside/Sidebar = */
405 /* ================= */
422 font-variant:small-caps;
427 font-variant:small-caps;
432 font-variant:small-caps;
442 .vcard #profile-photo-wrapper {
446 background-color: #f3f3f3;
447 border: 1px solid #dddddd;
448 -moz-box-shadow: 3px 3px 4px #959494;
449 -webkit-box-shadow: 3px 3px 4px #959494;
450 box-shadow: 3px 3px 4px #959494;
453 aside h4 { font-size: 1.3em; }
455 aside #viewcontacts {
458 font-variant:small-caps;
467 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
470 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
471 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
472 box-shadow:inset 0px 1px 0px 0px #a65151;
473 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
474 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
475 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
476 background-color:#d60808;
477 -moz-border-radius:5px;
478 -webkit-border-radius:5px;
480 border:1px solid #fc5656;
481 display:inline-block;
483 font-family:Trebuchet MS;
489 text-decoration:none;
490 text-shadow:1px 1px 0px #b36f6f;
493 #dfrn-request-link:hover {
494 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
495 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
496 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
497 background-color:#b20202;
500 #dfrn-request-link:active {
505 #dfrn-request-intro {
510 background-color: #f6f6f6;
511 padding: 10px 10px 10px 20px;
515 content: url("search.png");
517 vertical-align: middle;
521 background-color: #f3f3f3;
522 border: 1px solid #cdcdcd;
524 -webkit-border-radius: 5px 5px 5px 5px;
525 -moz-border-radius: 5px 5px 5px 5px;
526 border-radius: 5px 5px 5px 5px;
530 vertical-align: middle;
533 padding-bottom: 10px;
536 #sidebar-group-list {
541 #sidebar-group-list > a{
542 padding-bottom: 10px;
547 -moz-box-shadow: 1px 2px 6px 0px #959494;
548 -webkit-box-shadow: 1px 2px 6px 0px #959494;
549 box-shadow: 1px 2px 6px 0px #959494;
550 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
551 background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
552 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
553 background-color:#f8f8f8;
554 -moz-border-radius:5px;
555 -webkit-border-radius:5px;
557 border:1px solid #eee;
559 text-shadow:-1px 0px 0px #bdbdbd;
560 border: 1px solid #cdcdcd;
568 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
569 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
570 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
571 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
572 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
573 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
574 background-color:#bdbdbd;
575 -moz-border-radius:5px;
576 -webkit-border-radius:5px;
578 display:inline-block;
580 text-decoration:none;
584 #sidebar-new-group:hover {
585 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
586 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
587 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
588 background-color:#b20202;
591 #sidebar-new-group:active {
596 #sidebar-new-group a {
603 ul .sidebar-group-li{
609 ul .sidebar-group-li img{
614 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
615 background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
616 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
617 background-color:#f0edf0;
618 -moz-border-radius:5px 5px 0px 0px;
619 -webkit-border-radius:5px 5px 0px 0px;
620 border-radius:5px 5px 0px 0px;
621 border:1px solid #e2e2e2;
622 border-bottom: 1px solid #cdcdcd;
625 vertical-align: baseline;
627 text-shadow:-1px 0px 0px #bdbdbd;
630 #group-sidebar h3:before{
631 content: url("groups.png");
633 vertical-align: middle;
638 padding-bottom: 20px;
646 .saved-search-li .icon {
662 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
663 #contact-block-end { clear: both; }
669 #profile-jot-text_tbl { margin-bottom: 10px; }
670 #profile-jot-text_ifr { width: 99.9%!important }
671 #profile-jot-submit-wrapper {
674 #profile-jot-perms, #profile-jot-submit {
677 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
678 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
679 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
680 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
681 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
682 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
683 background-color:#bdbdbd;
684 -moz-border-radius:5px;
685 -webkit-border-radius:5px;
687 display:inline-block;
689 text-decoration:none;
699 #jot-perms-perms .icon {
703 #profile-jot-submit {
710 #profile-jot-perms:hover, #profile-jot-submit:hover {
711 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
712 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
713 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
714 background-color:#b20202;
716 #profile-jot-perms:active, #profile-jot-submit:active {
722 float: left; padding: 8px 10px;
724 #profile-rotator-wrapper {
732 #profile-jot-tools-end,
733 #profile-jot-banner-end { clear: both; }
735 #profile-jot-email-wrapper {
736 margin: 10px 10% 0px 10%;
737 border: 1px solid #eeeeee;
740 #profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
741 #profile-jot-email { margin: 5px; width: 98%; }
743 #profile-jot-networks {
745 border: 1px solid #eeeeee;
750 #profile-jot-acl-wrapper {
752 border: 1px solid #eeeeee;
754 display:block!important;
756 #group_allow_wrapper,
758 #acl-permit-outer-wrapper { width: 47%; float: left; }
760 #contact_allow_wrapper,
761 #contact_deny_wrapper,
762 #acl-deny-outer-wrapper { width: 47%; float: right; }
764 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
765 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
766 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
768 #acl-permit-text-end,
769 #acl-deny-text-end { clear: both; }
770 #profile-jot-wrapper {
775 profile-jot-banner-wrapper {
792 margin: 0px 0px 10px 0px;
793 border-bottom: 1px solid #efefef;
795 .tabs-wrapper li { display: inline;}
798 padding: 5px 10px 5px 10px;
801 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
802 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
803 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
804 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
805 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
806 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
807 background-color:#bdbdbd;
808 -moz-border-radius:5px;
809 -webkit-border-radius:5px;
812 text-decoration:none;
817 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
818 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
819 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
820 background-color:#b20202;
822 padding: 5px 10px 5px 10px;
829 padding: 5px 10px 5px 10px;
834 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
835 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
836 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
837 background-color:#b20202;
839 padding: 5px 10px 5px 10px;
847 .wall-item-outside-wrapper {
850 .wall-item-outside-wrapper-end { clear: both;}
851 .wall-item-content-wrapper { position: relative; max-width: 95%; }
852 .wall-item-photo-menu { display: none;}
853 .wall-item-photo-menu-button {
855 text-indent: -99999px;
856 background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
859 height: 20px; width: 90px;
860 top: 85px; left: 0px;
861 -webkit-border-radius: 0px 0px 5px 5px;
862 -moz-border-radius: 0px 0px 5px 5px;
863 border-radius: 0px 0px 5px 5px;
866 .wall-item-info { float: left; width: 140px; }
867 .wall-item-photo-wrapper {
868 width: 80px; height: 80px;
871 background-color: #eeeeee;
872 border: 1px solid #dddddd;
873 -moz-box-shadow: 3px 3px 4px #959494;
874 -webkit-box-shadow: 3px 3px 4px #959494;
875 box-shadow: 3px 3px 4px #959494;
879 filter: alpha(opacity=60);
881 -webkit-transition: all 0.25s ease-in-out;
882 -moz-transition: all 0.25s ease-in-out;
883 -o-transition: all 0.25s ease-in-out;
884 -ms-transition: all 0.25s ease-in-out;
885 transition: all 0.25s ease-in-out;
891 .wall-item-tools:hover {
892 filter: alpha(opacity=100);
894 -webkit-transition: all 0.25s ease-in-out;
895 -moz-transition: all 0.25s ease-in-out;
896 -o-transition: all 0.25s ease-in-out;
897 -ms-transition: all 0.25s ease-in-out;
898 transition: all 0.25s ease-in-out;
902 .wall-item-outside-wrapper.comment .wall-item-tools {
903 margin: 5px 5px 10px 60px;
907 .wall-item-like-buttons {
910 .wall-item-like-buttons a.icon {
915 .wall-item-links-wrapper {
919 .wall-item-delete-wrapper {
922 .wall-item-links-wrapper a.icon {
936 .wall-item-title { font-size: 1.2em; font-weight: bold;}
937 .wall-item-body { margin-left: 140px; padding-right: 20px; }
942 .wall-item-lock-wrapper { float: right; }
948 margin: 4px 0px 0px 140px;
949 font-variant:small-caps;
952 .wall-item-author a {
956 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
957 .wall-item-wrapper-end { clear:both; }
958 .wall-item-location {
962 text-overflow: ellipsis;
963 -o-text-overflow: ellipsis;
966 .wall-item-location .icon { float: left; }
967 .wall-item-location > a {
971 font-variant:small-caps;
975 .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
976 .wall-item-location > br { display: none; }
980 font-variant:small-caps;
994 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
995 .wallwall .wall-item-photo-end { clear: both; }
996 .wall-item-arrowphoto-wrapper {
1003 .wall-item-photo-menu {
1007 background: #eeeeee;
1008 border-right: 1px solid #dddddd;
1009 border-left: 1px solid #dddddd;
1010 border-bottom: 1px solid #dddddd;
1012 left: -2px; top: 101px;
1015 -webkit-border-radius: 0px 5px 5px 5px;
1016 -moz-border-radius: 0px 5px 5px 5px;
1017 border-radius: 0px 5px 5px 5px;
1018 -moz-box-shadow: 3px 3px 4px #959494;
1019 -webkit-box-shadow: 3px 3px 4px #959494;
1020 box-shadow: 3px 3px 4px #959494;
1023 .wall-item-photo-menu-button {
1024 border-right: 1px solid #dddddd;
1025 border-left: 1px solid #dddddd;
1026 border-bottom: 1px solid #dddddd;
1027 -moz-box-shadow: 3px 3px 4px #959494;
1028 -webkit-box-shadow: 3px 3px 4px #959494;
1029 box-shadow: 3px 3px 4px #959494;
1032 .fakelink wall-item-photo-menu-button {
1033 -webkit-border-radius: 0px 5px 5px 5px;
1034 -moz-border-radius: 0px 5px 5px 5px;
1035 border-radius: 0px 5px 5px 5px;
1036 -moz-box-shadow: 3px 3px 4px #959494;
1037 -webkit-box-shadow: 3px 3px 4px #959494;
1038 box-shadow: 3px 3px 4px #959494;
1041 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1042 .wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
1043 .wall-item-photo-menu li a:hover {
1045 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1046 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1047 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1048 background-color:#b20202;
1053 .icon.drophide { float: left; }
1054 #item-delete-selected { overflow: auto; width: 100%;}
1055 .wall-item-outside-wrapper {
1057 border-bottom: 1px solid #dedede;
1065 .ccollapse-wrapper {
1069 font-variant:small-caps;
1072 .wall-item-outside-wrapper.comment { margin-left: 80px; }
1073 .wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
1074 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1075 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1078 background-position: 35px center;
1080 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1081 .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;}
1082 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1084 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1088 .icollapse-wrapper {
1091 font-variant:small-caps;
1094 .comment-wwedit-wrapper,
1095 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1096 .comment-wwedit-wrapper img,
1097 .comment-edit-wrapper img { width: 20px; height: 20px; }
1098 .comment-edit-photo-link { float: left; width: 40px;}
1099 .comment-edit-text-empty {
1104 -webkit-transition: all 0.5s ease-in-out;
1105 -moz-transition: all 0.5s ease-in-out;
1106 -o-transition: all 0.5s ease-in-out;
1107 -ms-transition: all 0.5s ease-in-out;
1108 transition: all 0.5s ease-in-out;
1110 .comment-edit-text-empty:hover { color: #999999;}
1111 .comment-edit-text-full { width: 80%; height: 6em;
1112 -webkit-transition: all 0.5s ease-in-out;
1113 -moz-transition: all 0.5s ease-in-out;
1114 -o-transition: all 0.5s ease-in-out;
1115 -ms-transition: all 0.5s ease-in-out;
1116 transition: all 0.5s ease-in-out;
1118 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1119 .comment-edit-submit {
1121 background-color: #a2a2a2;
1123 -webkit-border-radius: 5px;
1124 -moz-border-radius: 5px;
1129 .comment-edit-submit:hover {
1130 background-color: #b20202;
1133 .comment-edit-submit:active {
1134 background-color: #b20202;
1137 #item-delete-selected-desc {
1144 .wall-item-body code {
1145 border-color: #CCCCCC;
1146 border-style: solid;
1147 border-width: 1px 1px 1px 10px;
1156 .advanced-profile-content {
1158 margin-bottom: 10px;
1163 .advanced-profile-label {
1166 padding-bottom: 5px;
1168 font-variant:small-caps;
1171 div[id$="wrapper"] { height: 100%;}
1172 div[id$="wrapper"] br { clear: left; }
1173 #advanced-profile-with { margin-left: 20px;}
1175 #profile-listing-desc {
1178 padding: 5px 10px 5px 10px;
1182 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1183 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1184 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1185 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1186 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1187 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1188 background-color:#bdbdbd;
1189 -moz-border-radius:5px;
1190 -webkit-border-radius:5px;
1192 display:inline-block;
1198 #profile-listing-desc:hover {
1199 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1200 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1201 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1202 background-color:#b20202;
1205 #profile-listing-desc:active {
1206 background-color: #b20202;
1211 #profile-listing-desc a {
1215 #profile-listing-new-link-wrapper {
1220 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1221 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1222 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1223 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1224 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1225 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1226 background-color:#bdbdbd;
1227 -moz-border-radius:5px;
1228 -webkit-border-radius:5px;
1230 padding: 5px 10px 5px 10px;
1237 #profile-listing-new-link-wrapper:hover {
1238 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1239 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1240 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1241 background-color:#b20202;
1244 #profile-listing-new-link-wrapper:active {
1245 background-color: #b20202;
1250 #profile-listing-new-link-wrapper a {
1254 .profile-listing-name {
1256 font-variant: small-caps;
1258 .profile-listing-name a {
1262 .profile-listing-visible {
1266 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1267 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1268 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1269 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1270 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1271 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1272 background-color:#bdbdbd;
1273 -moz-border-radius:5px;
1274 -webkit-border-radius:5px;
1276 padding: 5px 10px 5px 10px;
1282 .profile-listing-visible:hover {
1283 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1284 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1285 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1286 background-color:#b20202;
1289 .profile-listing-visible:active {
1290 background-color: #b20202;
1295 .profile-listing-visible a {
1299 .profile-listing-photo {
1301 background-color: #efefef;
1302 border: 2px dotted #eeeeee;
1303 -moz-box-shadow: 3px 3px 4px #959494;
1304 -webkit-box-shadow: 3px 3px 4px #959494;
1305 box-shadow: 3px 3px 4px #959494;
1308 #profile-edit-links li {
1313 background-color: #a2a2a2;
1315 padding: 5px 10px 5px 10px;
1318 -webkit-border-radius: 5px 5px 5px 5px;
1319 -moz-border-radius: 5px 5px 5px 5px;
1320 border-radius: 5px 5px 5px 5px;
1323 #profile-edit-links li a {
1327 #profile-edit-links li:hover {
1328 background-color: #b20202;
1331 #profile-edit-links li:active {
1332 background-color: #b20202;
1335 #cropimage-wrapper { float:left; }
1336 #crop-image-form { clear:both; }
1338 .profile-match-name a{
1340 font-variant: small-caps;
1344 .profile-match-name a:hover {
1348 .profile-match-wrapper {
1352 background-color: #f6f6f6;
1353 border: 1px solid #dddddd;
1354 -moz-box-shadow: 3px 3px 4px #959494;
1355 -webkit-box-shadow: 3px 3px 4px #959494;
1356 box-shadow: 3px 3px 4px #959494;
1363 #side-bar-photos-albums li {
1371 background-color: #a2a2a2;
1373 padding: 5px 10px 5px 10px;
1376 -webkit-border-radius: 5px 5px 5px 5px;
1377 -moz-border-radius: 5px 5px 5px 5px;
1378 border-radius: 5px 5px 5px 5px;
1380 #photo-top-links a {
1384 #photo-top-links:hover {
1385 background-color: #b20202;
1388 #photo-top-links:active {
1389 background-color: #b20202;
1392 .photo-album-image-wrapper,
1393 .photo-top-image-wrapper {
1395 margin: 0px 10px 10px 0px;
1396 border: 1px solid #dddddd;
1397 -moz-box-shadow: 3px 3px 6px #959494;
1398 -webkit-box-shadow: 3px 3px 6px #959494;
1399 box-shadow: 3px 3px 6px #959494;
1400 background-color: #efefef;
1402 padding-bottom: 30px;
1406 #photo-photo { max-width: 100% }
1407 #photo-photo img { max-width: 100% }
1409 .photo-top-image-wrapper a:hover,
1410 #photo-photo a:hover,
1411 .photo-album-image-wrapper a:hover {
1416 .photo-album-photo {}
1418 .photo-top-album-name {
1423 font-stretch:semi-expanded;
1424 font-variant:small-caps;
1427 .photo-top-album-name a{
1438 font-variant: small-caps;
1444 border: 1px solid #dddddd;
1445 -moz-box-shadow: 3px 3px 6px #959494;
1446 -webkit-box-shadow: 3px 3px 6px #959494;
1447 box-shadow: 3px 3px 6px #959494;
1448 background-color: #efefef;
1455 font-variant:small-caps;
1459 #photo-photo-end { clear: both; }
1465 background-color: rgba(255,255,255,0.2);
1467 -webkit-transition: all 0.2s ease-in-out;
1468 -moz-transition: all 0.2s ease-in-out;
1469 -o-transition: all 0.2s ease-in-out;
1470 -ms-transition: all 0.2s ease-in-out;
1471 transition: all 0.2s ease-in-out;
1472 background-position: center center;
1473 background-repeat: no-repeat;
1476 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1477 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1480 display: block; width: 100%; height: 100%;
1482 text-indent: -900000px;
1485 #photo-prev-link:hover,
1486 #photo-next-link:hover {
1488 -webkit-transition: all 0.2s ease-in-out;
1489 -moz-transition: all 0.2s ease-in-out;
1490 -o-transition: all 0.2s ease-in-out;
1491 -ms-transition: all 0.2s ease-in-out;
1492 transition: all 0.2s ease-in-out;
1495 #photo-next-link .icon,
1496 #photo-prev-link .icon { display: none }
1498 #photos-upload-spacer,
1499 #photos-upload-new-wrapper,
1500 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1501 #photos-upload-existing-album-text,
1502 #photos-upload-newalbum-div {
1503 background-color: #fff;
1511 #photos-upload-album-select,
1512 #photos-upload-newalbum { width: 400px; }
1514 #photos-upload-perms-menu {
1516 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1517 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1518 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1519 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1520 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1521 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1522 background-color:#bdbdbd;
1523 -moz-border-radius:5px;
1524 -webkit-border-radius:5px;
1532 #photos-upload-perms-menu:hover {
1538 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1539 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1540 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1541 background-color:#b20202;
1544 #photos-upload-perms-menu:active {
1549 background-color: #b20202;
1554 #photos-upload-perms-menu a {
1558 #photos-upload-perms-menu .icon {
1562 select[size], select[multiple], select[size][multiple] {
1563 -webkit-appearance: listbox;
1564 border: 2px solid #b0b0b0;
1566 -webkit-border-radius: 3px 3px 3px 3px;
1567 -moz-border-radius: 3px 3px 3px 3px;
1568 border-radius: 3px 3px 3px 3px;
1572 -webkit-appearance: menulist;
1573 box-sizing: border-box;
1574 -webkit-box-align: center;
1576 border: 2px solid #b0b0b0;
1578 -webkit-border-radius: 3px 3px 3px 3px;
1579 -moz-border-radius: 3px 3px 3px 3px;
1580 border-radius: 3px 3px 3px 3px;
1584 -webkit-border-radius: ;
1587 input, textarea, keygen {
1589 letter-spacing: normal;
1590 word-spacing: normal;
1592 text-transform: none;
1595 display: inline-block;
1596 text-align: -webkit-auto;
1597 border: 2px solid #b0b0b0;
1599 -webkit-border-radius: 3px 3px 3px 3px;
1600 -moz-border-radius: 3px 3px 3px 3px;
1601 border-radius: 3px 3px 3px 3px;
1605 background-color: none;
1606 -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
1607 -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
1608 box-shadow:inset 0px 1px 0px 0px #a65151;
1609 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
1610 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
1611 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
1612 background-color:#d60808;
1613 -moz-border-radius:5px;
1614 -webkit-border-radius:5px;
1616 border:1px solid #fc5656;
1617 display:inline-block;
1619 text-shadow:1px 1px 0px #b36f6f;
1627 .qq-upload-button:hover {
1633 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
1634 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
1635 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
1636 background-color:#b20202;
1639 .qq-upload-button:active {
1643 background-color: #B20202;
1654 background-color: #a2a2a2;
1656 padding: 5px 10px 5px 10px;
1659 -webkit-border-radius: 5px 5px 5px 5px;
1660 -moz-border-radius: 5px 5px 5px 5px;
1661 border-radius: 5px 5px 5px 5px;
1664 #album-edit-link a {
1668 #album-edit-link:hover {
1669 background-color: #b20202;
1672 #photo-edit-link-wrap {
1673 margin-bottom: 10px;
1682 input#photo_edit_form {
1687 #photo-edit-perms-menu {
1692 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1693 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1694 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1695 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1696 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1697 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1698 background-color:#bdbdbd;
1699 -moz-border-radius:5px;
1700 -webkit-border-radius:5px;
1709 #photo-edit-perms-menu:hover {
1711 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1712 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1713 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1714 background-color:#b20202;
1717 #photo-edit-perms-menu:active {
1718 background-color: #b20202;
1723 #photo-edit-perms-menu a {
1727 #photo-edit-perms-menu .icon {
1731 #photo-edit-delete-button {
1737 #side-bar-photos-albums h3:before {
1738 content: url("photography.png");
1739 padding-right: 10px;
1740 vertical-align: middle;
1743 #side-bar-photos-albums li {
1747 #photo-album-edit-wrapper {
1748 margin-bottom: 10px;
1755 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1760 background-color: #fff;
1761 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1762 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1763 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1766 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1773 background: transparent;
1774 -webkit-transform: skew(-5deg) rotate(-5deg);
1775 -moz-transform: skew(-5deg) rotate(-5deg);
1776 -ms-transform: skew(-5deg) rotate(-5deg);
1777 -o-transform: skew(-5deg) rotate(-5deg);
1778 transform: skew(-5deg) rotate(-5deg);
1779 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1780 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1781 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1785 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1788 -webkit-transform: skew(5deg) rotate(5deg);
1789 -moz-transform: skew(5deg) rotate(5deg);
1790 -ms-transform: skew(5deg) rotate(5deg);
1791 -o-transform: skew(5deg) rotate(5deg);
1792 transform: skew(5deg) rotate(5deg);
1801 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1802 #prvmail-subject .input{
1803 border: none !important ;
1806 #prvmail-subject-label {
1807 font-variant:small-caps;
1814 font-variant:small-caps;
1817 #prvmail-message-label {
1818 font-variant:small-caps;
1822 #prvmail-submit-wrapper { margin-top: 10px; }
1833 #prvmail-submit-wrapper > div {
1838 .mail-list-outside-wrapper {
1845 background-color: #efefef;
1846 border: 2px dotted #eeeeee;
1847 -moz-box-shadow: 3px 3px 4px #959494;
1848 -webkit-box-shadow: 3px 3px 4px #959494;
1849 box-shadow: 3px 3px 4px #959494;
1858 border: 1px solid #dddddd;
1861 .mail-list-sender-name {
1864 font-variant:small-caps;
1873 font-stretch:ultra-condensed;
1874 font-variant:small-caps;
1877 .mail-list-subject {
1881 padding-right: 50px;
1884 .mail-list-delete-wrapper { float: left; margin-right:550px; }
1885 .mail-list-outside-wrapper-end {
1889 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1890 .mail-conv-sender-photo {
1894 background-color: #efefef;
1895 border: 1px solid #dddddd;
1896 -moz-box-shadow: 3px 3px 4px #959494;
1897 -webkit-box-shadow: 3px 3px 4px #959494;
1898 box-shadow: 3px 3px 4px #959494;
1901 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1902 .mail-conv-date { float: right; font-variant:small-caps; }
1903 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1912 vertical-align: middle;
1914 border: 1px solid #dddddd;
1916 .mail-conv-break { display: none; border: none;}
1917 .mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
1919 /* ================= */
1920 /* = Notifications = */
1921 /* ================= */
1923 #notification-show-hide-wrapper {
1925 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1926 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1927 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1928 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1929 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1930 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1931 background-color:#bdbdbd;
1932 -moz-border-radius:5px;
1933 -webkit-border-radius:5px;
1935 padding: 5px 10px 5px 10px;
1943 #notification-show-hide-wrapper:hover {
1945 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1946 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1947 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1948 background-color:#b20202;
1951 #notification-show-hide-wrapper:active {
1952 background-color: #b20202;
1957 #notification-show-hide-wrapper a {
1966 margin-bottom: 10px;
1969 .view-contact-wrapper,
1970 .contact-entry-wrapper {
1973 margin-bottom: 20px;
1979 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1980 .contact-entry-edit-links { position: absolute; top: 60px; }
1981 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1982 .contact-entry-photo {
1984 background-color: #eeeeee;
1985 border: 1px solid #dddddd;
1986 -moz-box-shadow: 3px 3px 4px #959494;
1987 -webkit-box-shadow: 3px 3px 4px #959494;
1988 box-shadow: 3px 3px 4px #959494;
1991 .contact-entry-name {
1997 font-variant:small-caps;
2002 .contact-entry-photo {
2006 .contact-entry-edit-links .icon {
2007 border: 1px solid #babdb6;
2008 -webkit-border-radius: 3px;
2009 -moz-border-radius: 3px;
2011 background-color: #ffffff;
2014 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
2015 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
2016 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
2017 #contact-edit-nav-wrapper { margin-left: 210px; }
2018 #contact-edit-links { float: left; margin-top: 43px; }
2019 #contact-drop-links {}
2020 #contact-edit-nav-wrapper .icon {
2021 border: 1px solid #babdb6;
2022 -webkit-border-radius: 3px;
2023 -moz-border-radius: 3px;
2027 #contact-edit-nettype {
2029 font-variant: small-caps;
2032 padding-bottom: 0px;
2035 #contact-edit-poll-wrapper { margin-left: 50px; }
2036 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; font-size: 1em; }
2037 #contact-edit-last-updated { font-weight: bold; }
2038 #contact-edit-poll-text { display: inline; font-size: 1em; }
2039 #contact-edit-end { clear: both; margin-bottom: 65px;}
2041 #contact-edit-update-now {
2043 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2044 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2045 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2046 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2047 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2048 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2049 background-color:#bdbdbd;
2050 -moz-border-radius:5px;
2051 -webkit-border-radius:5px;
2053 padding: 5px 10px 5px 10px;
2060 #contact-edit-update-now:hover {
2062 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2063 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2064 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2065 background-color:#b20202;
2068 #contact-edit-update-now:active {
2069 background-color: #b20202;
2074 #contact-edit-update-now a {
2079 #contact-edit-profile-select-text > p {
2083 .contact-photo-menu-button {
2085 background-image: url("photo-menu.jpg");
2086 background-position: top left;
2087 background-repeat: no-repeat;
2088 margin: 0px; padding: 0px;
2091 top: 64px; left:0px;
2097 #contact-edit-photo {
2099 background-color: #f1f1f1;
2100 border: 1px solid #dedede;
2102 -moz-box-shadow: 5px 5px 8px #959494;
2103 -webkit-box-shadow: 5px 5px 8px #959494;
2104 box-shadow: 5px 5px 8px #959494;
2106 .contact-photo-menu {
2108 border: 1px solid #ddd;
2109 background: #f1f1f1;
2111 left: 0px; top: 90px;
2114 -moz-box-shadow: 3px 3px 5px #888;
2115 -webkit-box-shadow: 3px 3px 5px #888;
2116 box-shadow: 3px 3px 5px #888;
2119 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2120 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
2121 .contact-photo-menu li a:hover {
2123 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2124 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2125 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2126 background-color:#b20202;
2127 text-decoration: none;
2130 .view-contact-photo {
2132 background-color: #efefef;
2133 border: 1px solid #dddddd;
2134 -moz-box-shadow: 3px 3px 4px #959494;
2135 -webkit-box-shadow: 3px 3px 4px #959494;
2136 box-shadow: 3px 3px 4px #959494;
2139 .view-contact-name {
2140 font-variant: small-caps;
2144 background-color: #efefef;
2150 margin-bottom: 20px;
2153 #follow-sidebar h3:before {
2154 content: url("user.png");
2155 padding-right: 10px;
2156 vertical-align: middle;
2159 #follow-sidebar input[type="text"] {
2161 margin-bottom: 10px;
2168 margin-bottom: 20px;
2169 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2170 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2171 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2172 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2173 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2174 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2175 background-color:#bdbdbd;
2176 -moz-border-radius:5px;
2177 -webkit-border-radius:5px;
2179 padding: 5px 10px 5px 10px;
2185 #side-match-link:hover {
2187 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2188 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2189 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2190 background-color:#b20202;
2193 #side-match-link:active {
2194 background-color: #b20202;
2199 #side-match-link a {
2203 #side-follow-wrapper{
2206 font-stretch:semi-expanded;
2207 background-color: #f3f3f3;
2208 border: 1px solid #cdcdcd;
2211 -webkit-border-radius: 5px 5px 5px 5px;
2212 -moz-border-radius: 5px 5px 5px 5px;
2213 border-radius: 5px 5px 5px 5px;
2216 #side-follow-wrapper label{
2218 font-variant: normal;
2221 #contact-view-recent {
2225 margin-bottom: 20px;
2226 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2227 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2228 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2229 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2230 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2231 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2232 background-color:#bdbdbd;
2233 -moz-border-radius:5px;
2234 -webkit-border-radius:5px;
2236 padding: 5px 10px 5px 10px;
2242 #contact-view-recent:hover{
2244 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2245 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2246 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2247 background-color:#b20202;
2250 #contact-view-recent:active {
2251 background-color: #b20202;
2256 #contact-view-recent a {
2265 margin-bottom: 20px;
2266 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2267 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2268 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2269 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2270 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2271 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2272 background-color:#bdbdbd;
2273 -moz-border-radius:5px;
2274 -webkit-border-radius:5px;
2276 padding: 5px 10px 5px 10px;
2282 #contact-suggest:hover {
2284 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2285 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2286 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2287 background-color:#b20202;
2290 #contact-suggest:active {
2291 background-color: #b20202;
2296 #contact-suggest a {
2300 #contact-edit-info-wrapper {
2304 /* ===================================== */
2305 /* = Register, Settings, Profile Forms = */
2306 /* ===================================== */
2310 background: url(login-bg.gif) no-repeat;
2311 background-position: 0 50%;
2316 #profile-tabs-wrapper {
2320 #profile-tab-status-link {
2321 padding: 5px 10px 5px 10px;
2325 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2326 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2327 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2328 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2329 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2330 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2331 background-color:#bdbdbd;
2332 -moz-border-radius:5px;
2333 -webkit-border-radius:5px;
2338 #profile-tab-status-link:hover {
2340 padding: 5px 10px 5px 10px;
2343 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2344 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2345 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2346 background-color:#b20202;
2349 #profile-tab-status-link:active {
2351 padding: 5px 10px 5px 10px;
2353 background-color: #b20202;
2358 #profile-tab-status-link a {
2366 #profile-tab-profile-link {
2369 padding: 5px 10px 5px 10px;
2371 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2372 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2373 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2374 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2375 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2376 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2377 background-color:#bdbdbd;
2378 -moz-border-radius:5px;
2379 -webkit-border-radius:5px;
2384 #profile-tab-profile-link:hover {
2386 padding: 5px 10px 5px 10px;
2389 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2390 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2391 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2392 background-color:#b20202;
2395 #profile-tab-profile-link:active {
2397 padding: 5px 10px 5px 10px;
2399 background-color: #b20202;
2404 #profile-tab-profile-link a {
2410 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2411 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2412 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2413 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2414 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2415 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2416 background-color:#7c7d7b;
2417 -moz-border-radius:5px;
2418 -webkit-border-radius:5px;
2420 padding: 5px 10px 5px 10px;
2421 margin-bottom: 10px;
2424 #uexport-link:hover {
2426 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2427 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2428 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2429 background-color:#555753;
2432 #uexport-link:active {
2434 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2435 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2436 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2437 background-color:#b20202;
2442 #settings-default-perms {
2445 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2446 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2447 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2448 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2449 background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2450 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2451 background-color:#7c7d7b;
2452 -moz-border-radius:5px;
2453 -webkit-border-radius:5px;
2455 padding: 5px 10px 5px 10px;
2456 margin-bottom: 10px;
2459 #settings-default-perms .fakelink {
2463 #settings-default-perms:hover {
2465 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2466 background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2467 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2468 background-color:#555753;
2471 #settings-default-perms:active {
2473 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2474 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2475 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2476 background-color:#b20202;
2481 #settings-nickname-desc {
2483 background-color: #efefef;
2484 margin-bottom: 10px;
2485 -webkit-border-radius: 5px;
2486 -moz-border-radius: 5px;
2492 #profile-edit-form div {
2496 #register-form label,
2497 #profile-edit-form label {
2498 width: 300px; float: left;
2501 #register-form span,
2502 #profile-edit-form span {
2505 margin-bottom: 20px;
2508 .settings-submit-wrapper,
2509 .profile-edit-submit-wrapper { margin: 30px 0px;}
2510 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2512 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2515 #register-sitename { display: inline; font-weight: bold;}
2517 /* ===================== */
2518 /* = Contacts Selector = */
2519 /* ===================== */
2521 #group-edit-wrapper {
2522 margin-bottom: 10px;
2525 #group-edit-name-wrapper {
2529 #group-edit-submit-wrapper {
2533 #group-edit-desc { margin: 10px 0xp; }
2534 #group-new-text {font-size: 1.1em;}
2541 background-color: #fff;
2545 #group-all-contacts,
2546 #prof-all-contacts {
2554 #group-all-contacts h3,
2556 #prof-all-contacts h3{
2563 #prof-separator { display: none;}
2569 .clear { clear: both; }
2582 background-color: #fff;
2583 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2584 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2585 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2588 .vevent:before, .vevent:after {
2595 background: transparent;
2596 -webkit-transform: skew(-5deg) rotate(-5deg);
2597 -moz-transform: skew(-5deg) rotate(-5deg);
2598 -ms-transform: skew(-5deg) rotate(-5deg);
2599 -o-transform: skew(-5deg) rotate(-5deg);
2600 transform: skew(-5deg) rotate(-5deg);
2601 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2602 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2603 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2610 -webkit-transform: skew(5deg) rotate(5deg);
2611 -moz-transform: skew(5deg) rotate(5deg);
2612 -ms-transform: skew(5deg) rotate(5deg);
2613 -o-transform: skew(5deg) rotate(5deg);
2614 transform: skew(5deg) rotate(5deg);
2617 .vevent .event-description {
2625 .vevent .event-location{
2629 font-style: oblique;
2634 .vevent .event-start, .vevent .event-end {
2640 font-variant: small-caps;
2648 margin-bottom: 10px;
2649 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2650 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2651 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2652 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2653 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2654 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2655 background-color:#bdbdbd;
2656 -moz-border-radius:5px;
2657 -webkit-border-radius:5px;
2662 #new-event-link:hover {
2664 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2665 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2666 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2667 background-color:#b20202;
2670 #new-event-link:active {
2671 background-color: #b20202;
2680 .edit-event-link, .plink-event-link {
2684 margin-bottom: 15px;
2687 .event-description:before {
2688 content: url('calendar.png');
2690 vertical-align: middle;
2693 .event-start, .event-end {
2698 .event-start .dtstart, .event-end .dtend {
2703 margin-bottom: 10px;
2704 font-variant:small-caps;
2705 font-stretch:condensed;
2708 .prevcal, .nextcal {
2715 .event-calendar-end {
2720 font-family: Helvetica, Arial, sans-serif;
2722 background-color: #f1f1f1;
2723 border: 1px solid #dedede;
2724 margin-bottom: 10px;
2725 -moz-box-shadow: 5px 5px 8px #959494;
2726 -webkit-box-shadow: 5px 5px 8px #959494;
2727 box-shadow: 5px 5px 8px #959494;
2731 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2732 background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2733 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2734 background-color: #b20202;
2740 font-variant:small-caps;
2741 -moz-box-shadow: 5px 2px 8px #959494;
2742 -webkit-box-shadow: 5px 2px 8px #959494;
2743 box-shadow: 5px 2px 8px #959494;
2747 border: 1px solid #eeeeee;
2757 background-color: #cdcdcd;
2769 background-color: #b20202;
2774 #event-finish-text {
2779 #event-nofinish-checkbox,
2780 #event-nofinish-text,
2781 #event-adjust-checkbox,
2783 #event-share-checkbox {
2787 #event-datetime-break {
2788 margin-bottom: 10px;
2791 #event-nofinish-break,
2792 #event-adjust-break,
2793 #event-share-break {
2798 #event-location-text {
2813 margin: 50px 50px 0px 0px;
2815 background-color: #f1f1f1;
2816 border: 1px solid #dedede;
2818 -moz-box-shadow: 5px 5px 8px #959494;
2819 -webkit-box-shadow: 5px 5px 8px #959494;
2820 box-shadow: 5px 5px 8px #959494;
2823 .directory-details {
2825 font-variant: small-caps;
2831 font-variant: small-caps;
2847 background-color: #FF0000;
2852 border: 0px; padding: 0px;
2856 list-style-position: inside;
2862 padding-bottom: 2px;
2863 border-bottom: 1px solid black;
2876 border-bottom: 1px solid #898989;
2881 #adminpage .submit {
2885 #adminpage #pluginslist {
2886 margin: 0px; padding: 0px;
2889 #adminpage .plugin {
2892 border: 1px solid #888888;
2898 #adminpage .toggleplugin {
2903 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2904 #adminpage table th { text-align: left;}
2905 #adminpage td .icon { float: left;}
2906 #adminpage table#users img { width: 16px; height: 16px; }
2907 #adminpage table tr:hover { background-color: #eeeeee; }
2908 #adminpage .selectall { text-align: right; }
2910 /* =============== */
2911 /* = Form Fields = */
2912 /* =============== */
2916 padding-bottom: 10px;
2930 .field textarea { height: 100px; }
2943 border:1px solid #c1c1c1;
2944 background-image:url("../../../images/onoff.jpg");
2945 background-repeat: no-repeat;
2946 padding: 4px 2px 2px 2px;
2948 text-decoration: none;
2950 .field .onoff .off {
2951 border-color:#c1c1c1;
2953 background-position: left center;
2954 background-color: #cccccc;
2960 border-color:#c1c1c1;
2961 padding-right: 40px;
2962 background-position: right center;
2963 background-color: #b20202;
2968 .hidden { display: none!important; }
2970 .field.radio .field_help { margin-left: 0px; }
2977 display: block; width: 20px; height: 20px;
2978 background-image: url('icons.png');
2981 background-image: url("star.png");
2985 background-image: url("premium.png");
2991 border: 1px solid #c1c1c1;
2992 -webkit-border-radius: 3px;
2993 -moz-border-radius: 3px;
2997 .article { background-position: -50px 0px;}
2998 .audio { background-position: -70px 0px;}
2999 .block { background-position: -90px 0px;}
3000 .drop { background-position: -110px 0px;}
3001 .drophide { background-position: -130px 0px;}
3002 .edit { background-position: -150px 0px;}
3003 .camera { background-position: -170px 0px;}
3004 .dislike { background-position: -190px 0px;}
3005 .like { background-position: -210px 0px;}
3006 .link { background-position: -230px 0px;}
3008 .globe { background-position: -50px -20px;}
3009 .noglobe { background-position: -70px -20px;}
3010 .no { background-position: -90px -20px;}
3011 .pause { background-position: -110px -20px;}
3012 .play { background-position: -130px -20px;}
3013 .pencil { background-position: -150px -20px;}
3014 .small-pencil { background-position: -170px -20px;}
3015 .recycle { background-position: -190px -20px;}
3016 .remote-link { background-position: -210px -20px;}
3017 .share { background-position: -230px -20px;}
3019 .tools { background-position: -50px -40px;}
3020 .lock { background-position: -70px -40px;}
3023 background-position: -90px -40px;
3024 background-image: none;
3029 .video { background-position: -110px -40px;}
3030 .youtube { background-position: -130px -40px;}
3032 .attach { background-position: -190px -40px;}
3033 .language { background-position: -210px -40px;}
3036 .on { background-position: -50px -60px;}
3037 .off { background-position: -70px -60px;}
3038 .prev { background-position: -90px -60px;}
3039 .next { background-position: -110px -60px;}
3041 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3044 display: block; width: 20px; height: 23px;
3045 background-image: url('../../../images/content-types.png');
3048 .type-video { background-position: 0px 0px; }
3049 .type-image { background-position: -20px 0px; }
3050 .type-audio { background-position: -40px 0px; }
3051 .type-text { background-position: -60px 0px; }
3052 .type-unkn { background-position: -80px 0px; }
3058 .cc-license { margin-top: 100px; font-size: 0.7em; }
3059 footer { display: block; margin: 50px 20%; clear: both; }
3064 border: 1px solid #cccccc;
3071 #photo-edit-perms-select,
3072 #photos-upload-permissions-wrapper,
3073 #profile-jot-acl-wrapper{
3074 display:block!important;
3083 background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3094 background-color: #cccccc;
3095 background-position: 7px 7px;
3096 background-repeat: no-repeat;
3098 -webkit-border-radius: 5px ;
3099 -moz-border-radius: 5px;
3103 #acl-showall.selected {
3105 background-color: #b20202;
3110 border: 1px solid #cccccc;
3111 background-color: #efefef;
3125 border: 1px solid #cccccc;
3126 background-color: #fff;
3129 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3130 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3131 box-shadow: 2px 2px 3px #c1c1c1;
3145 padding: 2px 0px 1px;
3154 background-color: #898989;
3155 background-position: 3px 3px;
3156 background-repeat: no-repeat;
3158 -webkit-border-radius: 2px ;
3159 -moz-border-radius: 2px;
3164 #acl-wrapper a:hover {
3165 text-decoration: none;
3166 background-color:#b20202;
3169 .acl-button-show.selected {
3171 background-color: #b20202;
3174 .acl-button-hide.selected {
3176 background-color: #a2a2a2;
3179 .acl-list-item.groupshow { border-color: #b20202; }
3180 .acl-list-item.grouphide { border-color: #a2a2a2; }
3182 /* ========================= */
3183 /* = Global Directory Link = */
3184 /* ========================= */
3186 #global-directory-link {
3189 margin-bottom: 10px;
3191 -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3192 -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3193 box-shadow:inset 0px 1px 0px 0px #cfcfcf;
3194 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3195 background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3196 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3197 background-color:#bdbdbd;
3198 -moz-border-radius:5px;
3199 -webkit-border-radius:5px;
3205 #global-directory-link:hover {
3207 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
3208 background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
3209 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
3210 background-color:#b20202;
3213 #global-directory-link:active {
3214 background-color: #b20202;
3219 #global-directory-link a {
3223 #global-directory-link {
3224 -webkit-padding-start: 0px;