view/theme/smoothly/style.css

   1 /*
   2         style.css
   3         Smoothly
   4
   5         Created by alex@friendica.pixelbits.de on 2012-10-22
   6
   7 ** Colors **
   8 Blue links - #1873a2
   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
  14 Orange - #fec01d
  15 */
  16
  17 @import url('css/typography.css');
  18
  19
  20 .lockview {
  21         cursor: pointer;
  22 }
  23
  24 .heart {
  25         color: #FF0000;
  26         font-size: 100%;
  27 }
  28
  29
  30 input[type=text] {
  31         float: left;
  32         border: 1px solid #b0b0b0;
  33         padding: 2px;
  34         width: 550px;
  35         /*margin-top: 10px;*/
  36         border-radius: 3px 3px 3px 3px;
  37                 -webkit-border-radius: 3px 3px 3px 3px;
  38                 -moz-border-radius: 3px 3px 3px 3px;
  39 }
  40
  41 input[type=text-sidebar] {
  42         border: 1px solid #b0b0b0;
  43         padding: 2px;
  44         width: 172px;
  45         margin-left: 10px;
  46         margin-top: 10px;
  47         border-radius: 3px 3px 3px 3px;
  48                 -webkit-border-radius: 3px 3px 3px 3px;
  49                 -moz-border-radius: 3px 3px 3px 3px;
  50 }
  51
  52 input[type=submit] {
  53         margin: 10px;
  54         font-size: 0.9em;
  55         padding: 5px;
  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;
  60         color: #efefef;
  61         text-align: center;
  62         border: 1px solid #7C7D7B;
  63         border-radius: 5px 5px 5px 5px;
  64 }
  65
  66 input[type=submit]:hover {
  67         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
  68         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
  69         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
  70         background-color: #1873a2;
  71         color: #efefef;
  72         border: 1px solid #7C7D7B;
  73         box-shadow: 0 0 8px #BDBDBD;
  74         border-radius: 5px 5px 5px 5px;
  75 }
  76 input[type=submit]:active {
  77         position: relative;
  78         top: 1px;
  79 }
  80
  81 #search-submit {
  82         margin: 10px 10px 0 0;
  83 }
  84
  85 .smalltext {
  86         font-size: 0.7em
  87 }
  88
  89 ::selection     {
  90         background: #fec01d;
  91         color: #000; /* Safari and Opera */
  92 }
  93
  94 ::-moz-selection {
  95         background: #fec01d;
  96         color: #000; /* Firefox */
  97 }
  98
  99 section {
 100         float: left;
 101         margin-top: 45px;
 102         width: 730px;
 103         font-size: 0.9em;
 104         line-height: 1.2em;
 105 }
 106
 107 .lframe {
 108         border: 1px solid #dddddd;
 109         box-shadow: 3px 3px 6px #959494;
 110                 -moz-box-shadow: 3px 3px 6px #959494;
 111                 -webkit-box-shadow: 3px 3px 6px #959494;
 112         background-color: #efefef;
 113         padding: 10px;
 114 }
 115
 116 .mframe {
 117         padding: 3px;
 118     background: none repeat scroll 0 0 #FFFFFF;
 119     border: 1px solid #C5C5C5;
 120     border-radius: 3px 3px 3px 3px;
 121     box-shadow: 0 0 8px #BDBDBD;
 122 }
 123
 124 #wall-item-lock {
 125         margin-left: 10px;
 126 }
 127
 128 .button {
 129         border: 1px solid #7C7D7B;
 130         border-radius: 5px 5px 5px 5px;
 131         font-size: 1em;
 132         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 133         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
 134         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
 135         background-color: #bdbdbd;
 136         color: #efefef;
 137         text-align: center;
 138 }
 139
 140 .button:hover {
 141         border: 1px solid #7C7D7B;
 142         box-shadow: 0 0 8px #BDBDBD;
 143         border-radius: 5px 5px 5px 5px;
 144         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
 145         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
 146         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
 147         background-color: #1873a2;
 148         color: #efefef;
 149 }
 150
 151 .button:active {
 152         position: relative;
 153         top: 1px;
 154 }
 155
 156 .button a {
 157         color: #efefef;
 158 }
 159
 160 /* ========= */
 161 /* = Login = */
 162 /* ========= */
 163
 164 #login-name-wrapper {
 165         vertical-align: middle;
 166         margin: auto;
 167 }
 168
 169 #login-name-wrapper input {
 170         width: 120px;
 171         margin-left: 20px;
 172 }
 173
 174 #login-password-wrapper {
 175         vertical-align: middle;
 176         margin: auto;
 177 }
 178
 179 #login-extra-links {
 180         width: 90px;
 181         margin-top: 20px;
 182         clear: both;
 183 }
 184
 185 #login-extra-links a {
 186         display: block;
 187         margin: 10px;
 188         padding: 5px 0px 5px 0px;
 189         text-align: center;
 190         margin-right: 20px;
 191 }
 192
 193 #login-extra-filler {
 194         display: none;
 195 }
 196
 197 #login_standard {
 198         width: 210px;
 199         float: left;
 200 }
 201 #login_openid {
 202         width: 210px;
 203         margin-left: 150px;
 204 }
 205
 206 #login_standard input,
 207 #login_openid input {
 208         width: 240px;
 209 }
 210
 211 #register-link,
 212 #lost-password-link {
 213         font-size: 80%;
 214         width: 210px;
 215         margin-left: 5px;
 216 }
 217
 218 #login-name-end,
 219 #login-password-end,
 220 #login-extra-end,
 221 #login-submit-end {
 222         height: 50px;
 223 }
 224
 225 #login-submit-button {
 226         margin-top: 10px;
 227         margin-left: 75px;
 228 }
 229
 230 #login-submit-wrapper {
 231         margin-top: 10px;
 232         margin-left: 75px;
 233 }
 234
 235 /* ========= */
 236 /* = Panel = */
 237 /* ========= */
 238
 239 #panel {
 240         position: absolute;
 241         font-size: 0.8em;
 242         border-radius: 5px;
 243                 -webkit-border-radius: 5px;
 244                 -moz-border-radius: 5px;
 245         border: 1px solid #494948;
 246         background-color: #2e3436;
 247         opacity: 50%;
 248         color: #eeeeec;
 249         padding:1em;
 250         z-index: 200;
 251         box-shadow: 7px 7px 10px #434343;
 252                 -moz-box-shadow: 7px 7px 12px #434343;
 253                 -webkit-box-shadow: 7px75px 12px #434343;
 254 }
 255
 256 /* ========= */
 257 /* = Pager = */
 258 /* ========= */
 259
 260 .pager {
 261         padding-top: 10px;
 262         padding-bottom: 10px;
 263         display: block;
 264         clear: both;
 265         text-align: center;
 266 }
 267
 268 .pager a {
 269         color: #626262;
 270 }
 271
 272 .pager span {
 273         padding: 4px;
 274         margin: 4px;
 275 }
 276
 277 .pager_current {
 278         background-color: #1873a2;
 279         color: #ffffff;
 280 }
 281
 282 /* ======= */
 283 /* = Nav = */
 284 /* ======= */
 285
 286 nav {
 287         display: block;
 288         float: left;
 289         list-style: none outside none;
 290         margin: 0;
 291         padding: 0;
 292         width: 960px;
 293         z-index: 10000;
 294         height: 40px;
 295         position: fixed;
 296         color: #efefef;
 297         margin-bottom: 16px;
 298         font-size: 15px;
 299         background-color: #BDBDBD;
 300         background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
 301         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 302         border: 1px solid #7C7D7B;
 303         box-shadow: 0 0 8px #BDBDBD;
 304         border-radius: 5px 5px 5px 5px;
 305 }
 306
 307 nav a {
 308         text-decoration: none;
 309         color: #eeeeec;
 310         border: 0px;
 311 }
 312
 313 nav a:hover {
 314         text-decoration: none;
 315         color: #eeeeec;
 316         border: 0px;
 317 }
 318
 319 nav #site-location {
 320         color: #888a85;
 321         font-size: 0.8em;
 322         position: absolute;
 323 }
 324
 325 nav #banner {
 326         display: block;
 327         position: absolute;
 328         margin-left: 3px;
 329         margin-top: 3px;
 330         padding-bottom: 5px;
 331 }
 332
 333 nav #banner #logo-text a {
 334         display: hidden;
 335         font-size: 40px;
 336         font-weight: bold;
 337         margin-left: 3px;
 338         text-shadow: #7C7D7B 3px 3px 5px;
 339 }
 340
 341 nav #user-menu {
 342         display: block;
 343         width: auto;
 344         min-width: 190px;
 345         float: right;
 346         margin-right: 5px;
 347         margin-top: 4px;
 348         padding: 5px;
 349         position: relative;
 350         vertical-align: middle;
 351         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
 352         background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
 353         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
 354         background-color: #a2a2a2;
 355         border-radius: 5px;
 356                 -moz-border-radius: 5px;
 357                 -webkit-border-radius: 5px;
 358         border: 1px solid #7C7D8B;
 359         color: #efefef;
 360         text-decoration: none;
 361         text-align: center;
 362 }
 363 nav #user-menu-label::after {
 364         content: url("menu-user-pin.png") no-repeat;
 365         padding-left: 15px;
 366 }
 367
 368 nav #user-menu-label {
 369         vertical-align: middle;
 370         font-size: 12px;
 371         padding: 5px;
 372         text-align: center;
 373 }
 374
 375 .nav-ajax-left {
 376         font-size: 0.8em;
 377         float: left;
 378         margin-top: 62px;
 379 }
 380
 381 nav #nav-link-wrapper .nav-link {
 382         border-right: 1px solid #babdb6;
 383 }
 384 /* menu problems
 385 .nav-commlink, .nav-login-link {
 386         display: block;
 387         height: 15px;
 388         margin-top: 67px;
 389         margin-right: 2px;
 390         padding: 6px 3px;
 391         float: left;
 392         bottom: 140px;
 393         border: 1px solid #babdb6;
 394         border-bottom: 0px;
 395         background-color: #aec0d3;
 396         color: #565854;
 397         border-radius: 3px 3px 0px 0px;
 398         -moz-border-radius: 3px 3px 0px 0px;
 399 }
 400
 401 .nav-commlink.selected {
 402         background-color: #ffffff;
 403         border-bottom: 1px solid #ffffff;
 404         color: #000000 !important;
 405         margin-top: 64px;
 406         padding-top: 6px;
 407         padding-bottom: 8px;
 408 }
 409 */
 410
 411 .error-message {
 412         color: #FF0000;
 413         font-size: 1.1em;
 414         border: 1px solid #FF8888;
 415         background-color: #FFEEEE;
 416         padding: 10px;
 417 }
 418
 419 .info-message {
 420         color: #204a87;
 421         font-size: 1.1em;
 422         border: 1px solid #3465a4;
 423         background-color: #d7e3f1;
 424         padding: 10px;
 425 }
 426
 427 ul#user-menu-popup {
 428         display: none;
 429         position: absolute;
 430         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
 431         background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
 432         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
 433         background-color: #898988;
 434         width: 100%;
 435         padding: 10px 0px;
 436         margin: 0px;
 437         margin-top: 4px;
 438         top: 20px;
 439         left: 0px;
 440         border: 1px solid #9a9a9a;
 441         border-top: none;
 442         -webkit-border-radius: 0px 0px 5px 5px;
 443         -moz-border-radius: 0px 0px 5px 5px;
 444         border-radius: 0px 0px 5px 5px;
 445         -moz-box-shadow: 5px 5px 10px #242424;
 446         -webkit-box-shadow: 5px 5px 10px #242424;
 447         box-shadow: 5px 5px 10px #242424;
 448         z-index: 10000;
 449 }
 450
 451 ul#user-menu-popup li {
 452         display: block;
 453 }
 454
 455 ul#user-menu-popup li a {
 456         display: block;
 457         padding: 5px;
 458 }
 459
 460 ul#user-menu-popup li a:hover {
 461         color: #efefef;
 462         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
 463         background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
 464         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
 465         background-color: #6da6c4;
 466 }
 467
 468 ul#user-menu-popup li a.nav-sep {
 469         border-top: 1px solid #989898;
 470         border-style:inset;
 471 }
 472
 473 /* ============= */
 474 /* = Notifiers = */
 475 /* ============= */
 476
 477 #notifications {
 478         height: 32px;
 479         position: absolute;
 480         top: 3px;
 481         left: 35%;
 482 }
 483
 484 .nav-ajax-update {
 485         width: 44px;
 486         height: 32px;
 487         background: transparent url('notifications.png') 0px 0px no-repeat;
 488         color: #333333;
 489         font-weight: bold;
 490         font-size: 0.8em;
 491         padding-top: 0.5em;
 492         float: left;
 493         padding-left: 11px;
 494 }
 495
 496 #notify-update {
 497         background-position: 0px -168px;
 498 }
 499
 500 #net-update {
 501         background-position: 0px -126px;
 502 }
 503
 504 #mail-update {
 505         background-position: 0px -40px;
 506 }
 507
 508 #intro-update {
 509         background-position: 0px -84px;
 510 }
 511
 512 #home-update {
 513         background-position: 0px 0px;
 514 }
 515
 516 #lang-select-icon {
 517         bottom: 6px;
 518         cursor: pointer;
 519         left: 28px;
 520         position: fixed;
 521         z-index: 10;
 522 }
 523 #language-selector {
 524         position: fixed;
 525         bottom: 2px;
 526         left: 52px;
 527         z-index: 10;
 528 }
 529
 530 /* =================== */
 531 /* = System Messages = */
 532 /* =================== */
 533
 534 #sysmsg_info, #sysmsg {
 535         position: fixed;
 536         bottom: 0px; right:20%;
 537         box-shadow: 7px 7px 10px #434343;
 538                 -moz-box-shadow: 7px 7px 12px #434343;
 539                 -webkit-box-shadow: 7px75px 12px #434343;
 540         padding: 10px;
 541         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
 542         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
 543         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
 544         background-color: #1873a2;
 545         border-radius: 5px 5px 0px 0px;
 546                 -webkit-border-radius: 5px 5px 0px 0px;
 547                 -moz-border-radius: 5px 5px 0px 0px;
 548         border: 1px solid #da2c2c;
 549         border-bottom: 0px;
 550         padding-bottom: 50px;
 551         z-index: 1000;
 552         color: #efefef;
 553         font-style: bold;
 554 }
 555
 556 #sysmsg_info br,
 557 #sysmsg br {
 558         display:block;
 559         margin:2px 0px;
 560         border-top: 1px solid #dddddd;
 561 }
 562
 563 /* ================= */
 564 /* = Aside/Sidebar = */
 565 /* ================= */
 566
 567 aside {
 568         float: right;
 569         width: 205px;
 570         margin-top: 45px;
 571         /*font-size: 0.9em;*/
 572         font-style: bold;
 573 }
 574
 575 aside a {
 576         /*padding-bottom: 5px;*/
 577 }
 578
 579 .vcard .title {
 580         font-size: 1em;
 581 }
 582
 583 .vcard dd {
 584         font-size: 12px;
 585         font-variant: normal;
 586         -webkit-margin-start: 10px;
 587 }
 588
 589 .fn {
 590 }
 591
 592 .vcard .fn {
 593         font-size: 1.4em;
 594         font-weight: bold;
 595         border-bottom: none;
 596 }
 597
 598 .vcard #profile-photo-wrapper {
 599         margin: 10px 0px;
 600         padding: 6px;
 601         width: auto;
 602         background: none repeat scroll 0 0 #FFFFFF;
 603         border: 1px solid #C5C5C5;
 604         box-shadow: 0 0 8px #BDBDBD;
 605                 -moz-box-shadow: 3px 3px 4px #959494;
 606                 -webkit-box-shadow: 3px 3px 4px #959494;
 607         border-radius: 5px 5px 5px 5px;
 608 }
 609
 610 aside h4 {
 611         font-size: 1.3em;
 612 }
 613
 614 .allcontact-link {
 615         color: #626262;
 616         text-align: center;
 617         font-weight: bold;
 618         font-size: 1em;
 619 }
 620 .allcontact-link a {
 621         padding-bottom: 10px;
 622 }
 623
 624 #profile-extra-links ul {
 625         margin-left: 0px;
 626         padding-left: 0px;
 627         list-style: none;
 628 }
 629
 630 #dfrn-request-link {
 631         box-shadow: inset 0px 1px 0px 0px #a65151;
 632                 -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
 633                 -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
 634         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
 635         background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
 636         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
 637         background-color: #6da6c4;
 638         border-radius: 5px;
 639                 -moz-border-radius: 5px;
 640                 -webkit-border-radius: 5px;
 641         border: 1px solid #fc5656;
 642         display: inline-block;
 643         color: #f0e7e7;
 644         font-family: Trebuchet MS;
 645         font-size: 19px;
 646         font-weight: bold;
 647         text-align: center;
 648         padding: 10px;
 649         width: 185px;
 650         text-decoration: none;
 651         text-shadow: 1px 1px 0px #b36f6f;
 652 }
 653
 654 #wallmessage-link {
 655         display: block;
 656         color: #FFFFFF;
 657         -webkit-border-radius: 5px ;
 658         -moz-border-radius: 5px;
 659         border-radius: 5px;
 660         padding: 5px;
 661         font-weight: bold;
 662         background-color: #3465a4;
 663 }
 664
 665 #dfrn-request-link:hover {
 666         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
 667         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
 668         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
 669         background-color: #1873a2;
 670 }
 671
 672 #dfrn-request-link:active {
 673         position: relative;
 674         top: 1px;
 675 }
 676
 677 #dfrn-request-intro {
 678         width: 600px;
 679 }
 680
 681 #netsearch-box {
 682         background-color: #f6f6f6;
 683         padding: 5px 5px 0px 15px;
 684 }
 685 #netsearch-box input[type="text"] {
 686         width: 90%;
 687 }
 688 #netsearch-box input[type="submit"] {
 689         width: auto;
 690 }
 691
 692 h3#search:before {
 693         content: url("search.png");
 694         padding-right: 10px;
 695         vertical-align: middle;
 696 }
 697
 698 #network-new-link {
 699         background-color: #f3f3f3;
 700         border: 1px solid #cdcdcd;
 701         margin-bottom: 10px;
 702         border-radius: 5px 5px 5px 5px;
 703                 -webkit-border-radius: 5px 5px 5px 5px;
 704                 -moz-border-radius: 5px 5px 5px 5px;
 705 }
 706
 707 #group-sidebar {
 708         vertical-align: middle;
 709         margin: auto;
 710         margin-top: 20px;
 711         padding-bottom: 10px;
 712 }
 713
 714 #peoplefind-desc {
 715         margin-left: 10px;
 716 }
 717
 718 #sidebar-group-list {
 719         margin-left: 0px;
 720         margin-right: 30px;
 721 }
 722
 723 #sidebar-group-list  a {
 724         /*padding-bottom: 10px;*/
 725 }
 726
 727 /*#sidebar-group-list ul {
 728         list-style-type: none;
 729 }
 730
 731 #sidebar-group-list li {
 732         margin-top: 10px;
 733 }*/
 734
 735 #sidebar-group-list .icon,
 736 #sidebar-group-list .iconspacer {
 737         display: inline-block;
 738         height: 12px;
 739         width: 12px;
 740 }
 741
 742 .widget {
 743         margin-top: 20px;
 744         box-shadow: 1px 2px 6px 0px #959494;
 745                 -moz-box-shadow: 1px 2px 6px 0px #959494;
 746                 -webkit-box-shadow: 1px 2px 6px 0px #959494;
 747         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
 748         background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
 749         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
 750         background-color: #f8f8f8;
 751         border-radius: 5px;
 752                 -moz-border-radius: 5px;
 753                 -webkit-border-radius: 5px;
 754         color: #7c7d7b;
 755         border: 1px solid #cdcdcd;
 756 }
 757
 758 li.widget-list {
 759         list-style: none outside none;
 760         background: url("arrow.png") no-repeat scroll left center transparent;
 761         display: block;
 762         padding: 3px 24px;
 763 }
 764
 765 #sidebar-new-group {
 766         padding: 7px;
 767         width: 165px;
 768         margin: auto;
 769         margin-left: 10px;
 770         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 771         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
 772         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
 773         background-color: #bdbdbd;
 774         display: inline-block;
 775         color: #efefef;
 776         text-decoration: none;
 777         text-align: center;
 778         border: 1px solid #7C7D7B;
 779         border-radius: 5px 5px 5px 5px;
 780 }
 781
 782
 783 #sidebar-new-group:hover {
 784         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
 785         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
 786         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
 787         background-color: #1873a2;
 788         border: 1px solid #7C7D7B;
 789         box-shadow: 0 0 8px #BDBDBD;
 790         border-radius: 5px 5px 5px 5px;
 791 }
 792
 793 #sidebar-new-group:active {
 794         position: relative;
 795         top: 1px;
 796 }
 797
 798 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
 799         padding-bottom: 0px;
 800         padding-left: 2px;
 801         padding-right: 2px;
 802         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
 803                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
 804                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
 805         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 806         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
 807         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
 808         background-color: #bdbdbd;
 809         border-radius: 5px;
 810                 -moz-border-radius: 5px;
 811                 -webkit-border-radius: 5px;
 812         display: inline-block;
 813         color: #efefef;
 814         text-decoration: none;
 815 }
 816
 817 .settings-widget .selected {
 818         font-weight: bold;
 819 }
 820
 821 #sidebar-new-group a {
 822         color: #efefef;
 823         font-size: 14px;
 824         text-align: center;
 825         margin: auto;
 826 }
 827
 828 ul .sidebar-group-li {
 829         list-style: none;
 830         font-size: 1.0em;
 831         /*padding-bottom: 5px;*/
 832 }
 833
 834 ul .sidebar-group-li .icon {
 835         display: inline-block;
 836         height: 12px;
 837         width: 12px;
 838 }
 839
 840 .nets-ul, .fileas-ul, .categories-ul  {
 841         list-style-type: none;
 842 }
 843
 844 .nets-ul li, .fileas-ul li, .categories-ul li {
 845         /*margin-top: 10px;*/
 846 }
 847
 848 .nets-link {
 849         margin-left: 24px;
 850 }
 851 .nets-all {
 852         margin-left: 42px;
 853 }
 854
 855 .fileas-link, .categories-link {
 856         margin-left: 0px;
 857 }
 858
 859 .fileas-all, .categories-all {
 860         margin-left: 0px;
 861 }
 862
 863 .widget h3 {
 864         font-size: 125%;
 865         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
 866         background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
 867         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
 868         background-color: #f0edf0;
 869         border-radius: 5px 5px 0px 0px;
 870                 -moz-border-radius: 5px 5px 0px 0px;
 871                 -webkit-border-radius: 5px 5px 0px 0px;
 872         border: 1px solid #e2e2e2;
 873         border-bottom: 1px solid #cdcdcd;
 874         padding-top: 5px;
 875         padding-bottom: 5px;
 876         vertical-align: baseline;
 877         text-align: center;
 878         text-shadow: -1px 0px 0px #bdbdbd;
 879 }
 880
 881 #connect-desc {
 882         margin-left: 10px;
 883 }
 884
 885 #group-sidebar h3:before {
 886         content: url("groups.png");
 887         padding-right: 10px;
 888         vertical-align: middle;
 889 }
 890
 891 #saved-search-list {
 892         margin-top: 15px;
 893 }
 894
 895 .saved-search-li {
 896         list-style: none;
 897         font-size: 1.2em;
 898 }
 899
 900 .saved-search-li .icon {
 901         margin-right: 5px;
 902 }
 903
 904 .birthday-today, .event-today {
 905         font-weight: bold;
 906 }
 907
 908 #birthday-wrapper, #event-wrapper {
 909         margin-left: 15px;
 910 }
 911
 912 #pause {
 913         position: fixed;
 914         bottom: 5px;
 915         right: 5px;
 916 }
 917
 918 /* ================== */
 919 /* = Contacts Block = */
 920 /* ================== */
 921
 922 .contact-block-img {
 923         width: 47px;
 924         height: 47px;
 925         margin-right: 2px;
 926         border: 1px solid #C5C5C5;
 927     border-radius: 3px 3px 3px 3px;
 928     box-shadow: 0 0 8px #BDBDBD;
 929 }
 930 .contact-block-div {
 931         float: left;
 932 }
 933
 934 .contact-block-link {
 935         float: left;
 936 }
 937
 938 .contact-block-textdiv {
 939         width: 150px;
 940         height: 34px;
 941         float: left;
 942 }
 943
 944 .contact-block-h4,
 945 .contact-block-content {
 946 }
 947
 948 #contact-block,
 949 #contact-block-end {
 950         clear: both;
 951 }
 952
 953 /* ======= */
 954 /* = Jot = */
 955 /* ======= */
 956
 957 #profile-jot-text-loading,
 958 #profile-jot-text {
 959         height: 20px;
 960         color: #cccccc;
 961 }
 962
 963 #profile-jot-text_tbl {
 964         margin-bottom: 10px;
 965         margin-top: 10px;
 966 }
 967
 968 #profile-jot-text_ifr {
 969         width: 99.9%!important
 970 }
 971
 972 #profile-jot-submit-wrapper {
 973         margin-top: 30px;
 974 }
 975
 976 #jot-title, #jot-category {
 977         margin: 0px;
 978         height: 20px;
 979         width: 575px;
 980         font-weight: bold;
 981         border: 1px solid #cccccc;
 982 }
 983
 984 #jot-perms-icon {
 985         float: left;
 986 }
 987
 988 #jot-title::-webkit-input-placeholder,
 989 #jot-category::-webkit-input-placeholder {
 990         font-weight: normal;
 991 }
 992
 993 #jot-title:-moz-placeholder,
 994 #jot-category:-moz-placeholder {
 995         font-weight: normal;
 996 }
 997
 998 #jot-title:hover,
 999 #jot-title:focus,
1000 #jot-category:hover,
1001 #jot-category:focus {
1002         border: 1px solid #cccccc;
1003 }
1004
1005 .jothidden { display:none; }
1006
1007 .preview {
1008         background: #FFFFC8;
1009 }
1010
1011 #theme-preview {
1012         margin: 15px 0 15px 150px;
1013 }
1014
1015 #profile-jot-perms, #profile-jot-submit {
1016         width: 60px;
1017         font-size: 12px;
1018         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1019         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1020         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1021         background-color: #bdbdbd;
1022         display: inline-block;
1023         color: #efefef;
1024         text-decoration: none;
1025         text-align: center;
1026         border: 1px solid #7C7D7B;
1027         border-radius: 5px 5px 5px 5px;
1028 }
1029
1030 #jot-preview-form {}
1031
1032 #jot-preview-link {
1033         float: left;
1034         width: 60px;
1035         /*height: 10px;*/
1036         font-size: 12px;
1037         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1038         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1039         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1040         background-color: #bdbdbd;
1041         display: inline-block;
1042         color: #efefef;
1043         text-decoration: none;
1044         text-align: center;
1045         padding: 5px 5px;
1046         border: 1px solid #7C7D7B;
1047         border-radius: 5px 5px 5px 5px;
1048 }
1049
1050 #profile-jot-perms {
1051         width: 27px;
1052         height: 27px;
1053         float: right;
1054         overflow: hidden;
1055         margin-left: 10px;
1056         margin-top: -20px;
1057         border: 1px solid #7C7D7B;
1058         border-radius: 5px 5px 5px 5px;
1059 }
1060
1061 #jot-perms-perms .icon {
1062         height: 1px;
1063 }
1064
1065 #profile-jot-submit {
1066         width: 80px;
1067         float: right;
1068         margin-right: 145px;
1069         margin-top: -20px;
1070         margin-left: 10px;
1071         padding: 5px 5px;
1072         border: 1px solid #7C7D7B;
1073         border-radius: 5px 5px 5px 5px;
1074 }
1075
1076 #profile-jot-perms:hover,
1077 #profile-jot-submit:hover,
1078 #jot-preview-link:hover {
1079         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1080         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1081         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1082         background-color: #1873a2;
1083         border: 1px solid #7C7D7B;
1084         box-shadow: 0 0 8px #BDBDBD;
1085         border-radius: 5px 5px 5px 5px;
1086 }
1087
1088 #profile-jot-perms:active,
1089 #profile-jot-submit:active,
1090 #jot-preview-link:active {
1091         position: relative;
1092         top: 1px;
1093 }
1094
1095 #character-counter {
1096         position: relative;
1097         float: left;
1098         right: 0px;
1099         top: 0px;
1100 }
1101 #profile-rotator-wrapper {
1102         float: right;
1103 }
1104
1105 .jot-tool {
1106         float: left;
1107         margin-right: 5px;
1108 }
1109
1110 #profile-jot-tools-end,
1111 #profile-jot-banner-end {
1112         clear: both;
1113 }
1114
1115 #profile-jot-email-wrapper {
1116         margin: 10px 10% 0px 10%;
1117         border: 1px solid #eeeeee;
1118         border-bottom: 0px;
1119 }
1120
1121 #profile-jot-email-label {
1122         background-color: #555753;
1123         color: #ccccce;
1124         padding: 5px;
1125 }
1126
1127 #profile-jot-email {
1128         margin: 5px;
1129         width: 95%;
1130 }
1131
1132 #profile-jot-networks {
1133         margin: 0px 10%;
1134         border: 1px solid #eeeeee;
1135         border-top: 0px;
1136         border-bottom: 0px;
1137         padding: 5px;
1138 }
1139 #profile-jot-acl-wrapper {
1140         margin: 0px 10px;
1141         border: 1px solid #eeeeee;
1142         border-top: 0px;
1143     display:block!important;
1144 }
1145
1146 #profile-video-wrapper,
1147 #profile-audio-wrapper,
1148 #profile-location-wrapper,
1149 #profile-nolocation-wrapper {
1150 }
1151
1152 #group_allow_wrapper,
1153 #group_deny_wrapper,
1154 #acl-permit-outer-wrapper {
1155         width: 47%;
1156         float: left;
1157 }
1158
1159 #contact_allow_wrapper,
1160 #contact_deny_wrapper,
1161 #acl-deny-outer-wrapper {
1162         width: 47%;
1163         float: right;
1164 }
1165
1166 #acl-permit-text {
1167         background-color: #555753;
1168         color: #ccccce;
1169         padding: 5px; float: left;
1170 }
1171
1172 #jot-public {
1173         background-color: #555753;
1174         color: #ff0000;
1175         padding: 5px;
1176         float: left;
1177 }
1178
1179 #acl-deny-text {
1180         background-color: #555753;
1181         color: #ccccce;
1182         padding: 5px;
1183         float: left;
1184 }
1185
1186 #acl-permit-text-end,
1187 #acl-deny-text-end {
1188         clear: both;
1189 }
1190
1191 #profile-jot-wrapper {
1192         margin-top: -15px;
1193 }
1194
1195 #profile-jot-desc,
1196 #profile-jot-form,
1197 #jot-location,
1198 #jot-coord,
1199 #jot-preview,
1200 #jot-title-wrap,
1201 #jot-category-wrap,
1202 #jot-text-wrap,
1203 #profile-jot-text-loading,
1204 #profile-attach-wrapper,
1205 #profile-link-wrapper,
1206 #profile-jot-banner-wrapper {}
1207
1208 .contact-h4 {
1209         font-size: 1.2em;
1210 }
1211
1212 /* ======== */
1213 /* = Tabs = */
1214 /* ======== */
1215
1216 .tabs {
1217         min-width: 400px;
1218         list-style: none;
1219         padding: 20px 0px 0px;
1220         font-size: 0.9em;
1221 }
1222
1223 .tabs li {
1224         display: inline;
1225 }
1226
1227 .tab {
1228         padding: 5px 10px 5px 10px;
1229         display: inline-block;
1230         margin-bottom: 5px;
1231         margin-right: 5px;
1232         font-style: bold;
1233 }
1234
1235 .tab:hover {
1236         padding: 5px 10px 5px 10px;
1237 }
1238
1239 /* ========= */
1240 /* = Posts = */
1241 /* ========= */
1242
1243 .wall-item-outside-wrapper {
1244         max-width: 100%;
1245         border-bottom: 1px solid #dedede;
1246         margin-top: 10px;
1247         margin-bottom: 20px;
1248         padding-right: 10px;
1249         padding-left: 12px;
1250         background: none repeat scroll 0 0 #FFFFFF;
1251         border: 1px solid #CDCDCD;
1252         border-radius: 5px 5px 5px 5px;
1253         box-shadow: 0 0 8px #BDBDBD;
1254 }
1255
1256 .wall-item-outside-wrapper-end {
1257         clear: both;
1258 }
1259
1260 .wall-item-content-wrapper {
1261         position: relative;
1262         max-width: 100%;
1263         padding-top: 10px;
1264 }
1265
1266 .wall-item-comment-wrapper {
1267         margin-left: 10px;
1268 }
1269
1270 .wall-item-photo-menu {
1271         display: none;
1272 }
1273
1274 .wall-item-photo-menu-button {
1275         display: none;
1276         text-indent: -99999px;
1277         background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
1278         position: absolute;
1279         overflow: hidden;
1280         height: 20px;
1281         width: 90px;
1282         top: 85px;
1283         left: -1px;
1284         border-radius: 0px 0px 5px  5px;
1285                 -webkit-border-radius: 0px 0px 5px  5px;
1286                 -moz-border-radius: 0px 0px 5px  5px;
1287 }
1288
1289 .wall-item-info {
1290         float: left;
1291         width: 100px;
1292 }
1293
1294 .wall-item-photo-wrapper {
1295         width: 80px;
1296         height: 80px;
1297         position: relative;
1298 }
1299
1300 .wall-item-tools {
1301         filter: alpha(opacity=60);
1302         opacity: 0.7;
1303         transition: all 0.25s ease-in-out;
1304                 -webkit-transition: all 0.25s ease-in-out;
1305                 -moz-transition: all 0.25s ease-in-out;
1306         margin-top: 20px;
1307         padding-bottom: 5px;
1308         float: right;
1309         width: auto;
1310 }
1311
1312 .wall-item-tools:hover {
1313         filter: alpha(opacity=100);
1314         opacity: 1;
1315         transition: all 0.25s ease-in-out;
1316                 -webkit-transition: all 0.25s ease-in-out;
1317                 -moz-transition: all 0.25s ease-in-out;
1318 }
1319
1320 .wall-item-social {
1321         filter: alpha(opacity=60);
1322         opacity: 0.7;
1323         transition: all 0.25s ease-in-out;
1324                 -webkit-transition: all 0.25s ease-in-out;
1325                 -moz-transition: all 0.25s ease-in-out;
1326         margin-top: 20px;
1327         margin-left: 0px;
1328         padding-bottom: 5px;
1329         float: left;
1330         width: auto;
1331 }
1332
1333 .wall-item-social:hover {
1334         filter: alpha(opacity=100);
1335         opacity: 1;
1336         transition: all 0.25s ease-in-out;
1337                 -webkit-transition: all 0.25s ease-in-out;
1338                 -moz-transition: all 0.25s ease-in-out;
1339 }
1340
1341 .wall-item-outside-wrapper.comment .wall-item-tools {
1342         float: right;
1343 }
1344
1345 .wall-item-like-buttons {
1346         float: left;
1347 }
1348
1349 .wall-item-like-buttons a.icon {
1350         float: left;
1351         margin-right: 10px;
1352         display: inline;
1353 }
1354
1355 .wall-item-links-wrapper {
1356         width: 30px;
1357         float: left;
1358 }
1359
1360 .wall-item-delete-wrapper {
1361         float: left;
1362         margin-right: 10px;
1363 }
1364
1365 .wall-item-links-wrapper a.icon {
1366         float: left;
1367         margin-right: 10px;
1368         display: inline;
1369 }
1370
1371 .pencil {
1372         float: left;
1373         margin-right: 20px;
1374 }
1375
1376 .star-item {
1377         float: left;
1378 }
1379
1380 .tag-item {
1381         float: left;
1382 }
1383
1384 .wall-item-title {
1385         font-size: 1.2em;
1386         font-weight: bold;
1387         padding-top: 5px;
1388         margin-left: 100px;
1389 }
1390
1391 .wall-item-body {
1392         margin-left: 100px;
1393         padding-right: 10px;
1394         padding-top: 5px;
1395         max-width: 100%;
1396 }
1397
1398 .wall-item-body img {
1399         max-width: 100%;
1400         height: auto;
1401 }
1402
1403 .wall-item-body p {
1404         font-size: 0.8em;
1405 }
1406
1407 .wall-item-lock-wrapper {
1408         float: right;
1409 }
1410
1411 .wall-item-dislike,
1412 .wall-item-like {
1413         clear: left;
1414         font-size: 0.9em;
1415         margin: 0px 0px 10px 0px;
1416         padding-left: 10px;
1417 }
1418
1419 .wall-item-author {
1420         font-size: 0.9em;
1421         margin: 0px 0px 0px 100px;
1422         padding-left: 0px;
1423 }
1424
1425 .wall-item-author a {
1426         color: #898989;
1427 }
1428
1429 .wall-item-ago {
1430         display: inline;
1431         padding-left: 0px;
1432         color: #898989;
1433 }
1434
1435 .wall-item-wrapper-end {
1436         clear:both;
1437 }
1438
1439 .wall-item-location {
1440         margin-top: 5px;
1441         width: 100px;
1442         overflow: hidden;
1443         text-overflow: ellipsis;
1444                 -o-text-overflow: ellipsis;
1445 }
1446
1447 .wall-item-location .icon {
1448         float: left;
1449 }
1450
1451 .wall-item-location > a {
1452         margin-left: 0px;
1453         margin-right: 3px;
1454         font-size: 0.9em;
1455         display: block;
1456         font-variant: small-caps;
1457         color: #898989;
1458 }
1459
1460 .wall-item-location .smalltext {
1461         margin-left: 0px;
1462         font-size: 0.9em;
1463         display: block;
1464 }
1465
1466 .wall-item-location > br {
1467         display: none;
1468 }
1469
1470 .wall-item-conv a{
1471         font-size: 0.9em;
1472         color: #898989;
1473 }
1474
1475 .wallwall .wwto {
1476         left: -10px;
1477         margin: 0;
1478         position: absolute;
1479         top: 65px;
1480         width: 30px;
1481         z-index: 900;
1482         width: 30px;
1483         height: 30px;
1484 }
1485
1486 .wallwall .wwto img {
1487         width: 30px!important;
1488         height: 30px!important;
1489 }
1490
1491 .wallwall .wall-item-photo-end {
1492         clear: both;
1493 }
1494
1495 .wall-item-arrowphoto-wrapper {
1496         position: absolute;
1497         left: 20px;
1498         top: 70px;
1499         z-index: 950;
1500 }
1501
1502 .wall-item-photo-menu {
1503         min-width: 92px;
1504         color: #2e3436;
1505         border-top: 1px;
1506         background: #eeeeee;
1507         border-right: 1px solid #dddddd;
1508         border-left: 1px solid #dddddd;
1509         border-bottom: 1px solid #dddddd;
1510         position: absolute;
1511         left: -2px;
1512         top: 101px;
1513         display: none;
1514         z-index: 10000;
1515         border-radius: 0px 5px 5px 5px;
1516                 -webkit-border-radius: 0px 5px 5px 5px;
1517                 -moz-border-radius: 0px 5px 5px 5px;
1518         box-shadow: 3px 3px 4px #959494;
1519                 -moz-box-shadow: 3px 3px 4px #959494;
1520                 -webkit-box-shadow: 3px 3px 4px #959494;
1521
1522 }
1523
1524 .wall-item-photo-menu-button {
1525         border-right: 1px solid #dddddd;
1526         border-left: 1px solid #dddddd;
1527         border-bottom: 1px solid #dddddd;
1528         box-shadow: 3px 3px 4px #959494;
1529                 -moz-box-shadow: 3px 3px 4px #959494;
1530                 -webkit-box-shadow: 3px 3px 4px #959494;
1531 }
1532
1533 .fakelink wall-item-photo-menu-button {
1534         -webkit-border-radius: 0px 5px 5px 5px;
1535         -moz-border-radius: 0px 5px 5px 5px;
1536         border-radius: 0px 5px 5px 5px;
1537         box-shadow: 3px 3px 4px #959494;
1538                 -moz-box-shadow: 3px 3px 4px #959494;
1539                 -webkit-box-shadow: 3px 3px 4px #959494;
1540 }
1541
1542 .wall-item-photo-menu ul {
1543         margin: 0px;
1544         padding: 0px;
1545         list-style: none;
1546 }
1547
1548 .wall-item-photo-menu li a {
1549         white-space: nowrap;
1550         display: block;
1551         padding: 5px 2px;
1552         color: #2e3436;
1553 }
1554
1555 .wall-item-photo-menu li a:hover {
1556         color: #efefef;
1557         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
1558         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
1559         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
1560         background-color: #1873a2;
1561         /*order-bottom: none;*/
1562 }
1563
1564 .icon.drop,
1565 .icon.drophide {
1566         float: right;
1567 }
1568
1569 #item-delete-selected-end,
1570 #item-delete-selected {
1571         overflow: auto;
1572         margin-top: 20px;
1573         float: right;
1574     width: 250px;
1575 }
1576
1577 #item-delete-selected-icon {}
1578
1579 code {
1580         font-family: Courier, monospace;
1581         /*white-space: pre;*/
1582         display: block;
1583         overflow: auto;
1584         border: 1px solid #444;
1585         background: #EEE;
1586         color: #444;
1587         padding: 10px;
1588         margin-top: 10px;
1589 }
1590
1591
1592 /* ============ */
1593 /* = Comments = */
1594 /* ============ */
1595
1596  .ccollapse-wrapper {
1597         font-size: 0.9em;
1598         color: #898989;
1599         margin-left: 60px;
1600 }
1601
1602 #tread-wrapper {}
1603
1604 .tread-wrapper  {
1605         border: 0px solid #CDCDCD;
1606         border-radius: 5px 5px 5px 5px;
1607         margin-bottom: 20px;
1608         background-color: #E2E2E2;
1609 }
1610
1611 .collapsed-comments,
1612 .hide-comments,
1613 .hide-comments-outer,
1614 .wall-item-outside-wrapper.comment {
1615         margin-left: 30px;
1616         margin-bottom: 20px;
1617 }
1618
1619 .wall-item-outside-wrapper.comment .wall-item-photo {
1620         width: 40px!important;
1621         height: 40px!important;
1622 }
1623
1624 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1625         width: 40px;
1626         height: 40px;
1627 }
1628
1629 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1630         width: 50px;
1631         top: 45px;
1632         background-position: 35px center;
1633 }
1634
1635 .wall-item-outside-wrapper.comment .wall-item-info {
1636         width: 60px;
1637 }
1638
1639 .wall-item-outside-wrapper.comment .wall-item-body {
1640         margin-left: 60px;
1641         max-width: 100%;
1642         padding-right: 10px;
1643         padding-left: 0px;
1644 }
1645
1646 .wall-item-outside-wrapper.comment .wall-item-author {
1647         margin-left: 60px;
1648 }
1649
1650 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1651         min-width: 50px;
1652         top: 60px;
1653 }
1654 .icollapse-wrapper {
1655         font-size: 0.9em;
1656         color: #898989;
1657 }
1658
1659 .comment-wwedit-wrapper,
1660 .comment-edit-wrapper {
1661         margin: 0px 0px 5px 0px;
1662 }
1663
1664 .comment-wwedit-wrapper img,
1665 .comment-edit-wrapper img {
1666         width: 20px;
1667         height: 20px;
1668         margin-top: 5px;
1669 }
1670
1671 .comment-edit-photo-link {
1672         float: left;
1673         width: 30px;
1674 }
1675
1676 .comment-edit-text-empty {
1677         width: 672px; /*80%*/
1678         height: 20px;
1679         color: #babdb6;
1680         transition: all 0.5s ease-in-out;
1681                 -webkit-transition: all 0.5s ease-in-out;
1682                 -moz-transition: all 0.5s ease-in-out;
1683 }
1684
1685 .comment-edit-text-empty:hover {
1686         color: #999999;
1687 }
1688
1689 .comment-edit-text-full {
1690         width: 670px;
1691         height: 6em;
1692         transition: all 0.5s ease-in-out;
1693                 -webkit-transition: all 0.5s ease-in-out;
1694                 -moz-transition: all 0.5s ease-in-out;
1695 }
1696
1697 .comment-edit-submit-wrapper {
1698         width: 670px;
1699         margin-left: 20px;
1700         text-align: left;
1701 }
1702
1703 .comment-edit-submit {
1704         height: 22px;
1705         padding: 5px 5px;
1706         background-color: #a2a2a2;
1707         color: #eeeeec;
1708         border: 1px solid #CDCDCD;
1709         border-radius: 5px 5px 5px 5px;
1710 }
1711
1712 .comment-edit-submit:hover {
1713         background-color: #1873a2;
1714         border: 1px solid #CDCDCD;
1715         border-radius: 5px 5px 5px 5px;
1716         box-shadow: 0 0 8px #BDBDBD;
1717 }
1718
1719 .comment-edit-submit:active {
1720         background-color: #1873a2;
1721 }
1722
1723 #item-delete-selected-desc {
1724         color: #898989;
1725         float: right;
1726 }
1727
1728 .wall-item-body code {
1729         font-family: Courier, monospace;
1730         /*white-space: pre;*/
1731         display: block;
1732         overflow: auto;
1733         border: 1px solid #cccccc;
1734         border-width: 1px 1px 1px 3px;
1735         padding-left: 5px;
1736         margin-top: 10px;
1737 }
1738
1739 /* =========== */
1740 /* = Profile = */
1741 /* =========== */
1742
1743 .advanced-profile-content {
1744         margin-top: 5px;
1745         margin-bottom: 10px;
1746         margin-left: 30px;
1747         width: 60%;
1748 }
1749
1750 .advanced-profile-label {
1751         margin-top: 10px;
1752         margin-bottom: 0px;
1753         padding-bottom: 5px;
1754         font-size: 18px;
1755 }
1756
1757 div[id$="wrapper"] {
1758         height: 100%;
1759 }
1760
1761 div[id$="wrapper"] br {
1762         clear: left;
1763 }
1764
1765 #advanced-profile-with {
1766         margin-left: 20px;
1767 }
1768
1769 #profile-listing-desc {
1770         float: left;
1771         display: inline;
1772         padding: 5px 10px 5px 10px;
1773         width: 150px;
1774         margin-bottom: 20px;
1775         margin-top: 20px;
1776         display: inline-block;
1777         font-style: bold;
1778         text-align: center;
1779 }
1780
1781 #profile-listing-new-link-wrapper {
1782         float: left;
1783         display: inline;
1784         width: auto;
1785         margin-left: 5px;
1786         margin-top: 20px;
1787         padding: 5px 10px 5px 10px;
1788         font-style: bold;
1789         text-align: center;
1790 }
1791
1792 .profile-listing-name {
1793         font-size: 1em;
1794 }
1795 .profile-listing-name a {
1796         color: #898989;
1797 }
1798
1799 #profile-edit-links li {
1800         display: inline;
1801         width: 150px;
1802         margin-bottom: 20px;
1803         margin-top: 20px;
1804         background-color: #a2a2a2;
1805         color: #eeeeec;
1806         padding: 5px 10px 5px 10px;
1807         margin-right: 5px;
1808         font-style: bold;
1809         border-radius: 5px 5px 5px 5px;
1810                 -webkit-border-radius: 5px 5px 5px 5px;
1811                 -moz-border-radius: 5px 5px 5px 5px;
1812 }
1813
1814 #profile-edit-links li a {
1815         color: #efefef;
1816 }
1817
1818 #profile-edit-links li:hover {
1819         background-color: #1873a2;
1820 }
1821
1822 #profile-edit-links li:active {
1823         background-color: #1873a2;
1824 }
1825
1826 #profile-edit-links-end {
1827         clear: both;
1828         margin-bottom: 15px;
1829 }
1830
1831 .profile-edit-side-div {
1832         margin-top: 10px;
1833         margin-right: 0px;
1834         margin-left: 180px;
1835         float: left;
1836         position: absolute;
1837 }
1838
1839 #cropimage-wrapper {
1840         float:left;
1841 }
1842
1843 #crop-image-form {
1844         clear:both;
1845 }
1846
1847 .profile-match-name a{
1848         color: #999;
1849         font-size: 1em;
1850 }
1851
1852 .profile-match-name a:hover {
1853         color: #999;
1854 }
1855
1856 .profile-match-wrapper {
1857         width: 82%;
1858         padding: 5px;
1859         margin-bottom: 10px;
1860         margin-left: 20px;
1861         background-color: #f6f6f6;
1862         border: 1px solid #dddddd;
1863         box-shadow: 3px 3px 4px #959494;
1864                 -moz-box-shadow: 3px 3px 4px #959494;
1865                 -webkit-box-shadow: 3px 3px 4px #959494;
1866         clear: both;
1867 }
1868
1869 .profile-match-end {
1870         clear: both;
1871 }
1872
1873 .profile-match-photo {
1874         float: left;
1875         margin-right: 10px;
1876         margin-bottom: 5px;
1877 }
1878
1879 /* ========== */
1880 /* = Photos = */
1881 /* ========== */
1882 .photos {
1883         height: auto;
1884         overflow: auto;
1885 }
1886
1887 #side-bar-photos-albums h3:before {
1888         content: url("photography.png");
1889         padding-right: 10px;
1890         vertical-align: middle;
1891 }
1892
1893 #side-bar-photos-albums li {
1894         font-size: 14px;
1895         font-variant: none;
1896         text-align: left;
1897         padding-left: 20px;
1898         margin-bottom: 5px;
1899 }
1900
1901 #photo-top-links {
1902         width: 130px;
1903         margin-bottom: 20px;
1904         margin-top: 20px;
1905         background-color: #a2a2a2;
1906         color: #eeeeec;
1907         padding: 5px 10px 5px 10px;
1908         margin-right: 5px;
1909         font-style: bold;
1910         border-radius: 5px 5px 5px 5px;
1911                 -webkit-border-radius: 5px 5px 5px 5px;
1912                 -moz-border-radius: 5px 5px 5px 5px;
1913 }
1914
1915 #photo-top-links a {
1916         color: #efefef;
1917 }
1918
1919 #photo-top-links:hover {
1920         background-color: #1873a2;
1921 }
1922
1923 #photo-top-links:active {
1924         background-color: #1873a2;
1925 }
1926
1927 .photo-album-image-wrapper {
1928         float: left;
1929         margin: 0px 10px 10px 0px;
1930         padding-bottom: 30px;
1931         position: relative;
1932 }
1933
1934 .photo-top-image-wrapper {
1935         float: left;
1936         width: 180px;
1937         height: 180px;
1938         margin: 0px 10px 10px 0px;
1939         padding-bottom: 30px;
1940         position: relative;
1941 }
1942
1943 #photo-album-wrapper-inner {
1944         position: relative;
1945         float: left;
1946         width: 180px;
1947         height: 180px;
1948         overflow: hidden;
1949 }
1950
1951 #photo-photo {
1952         max-width: 85%;
1953         height: auto;
1954 }
1955
1956 #photo-photo img {
1957         max-width: 100%
1958 }
1959
1960 .photo-top-image-wrapper a:hover,
1961 #photo-photo a:hover,
1962 .photo-album-image-wrapper a:hover {
1963         border-bottom: 0px;
1964 }
1965
1966 .photo-top-photo {}
1967 .photo-album-photo {}
1968
1969 .photo-top-album-name {
1970         position: absolute;
1971         bottom: 0px;
1972         padding: 0px 5px;
1973         font-weight: bold;
1974         font-stretch: semi-expanded;
1975 }
1976
1977 .photo-top-album-name a {
1978         text-align: center;
1979         color: #6e6e6e;
1980 }
1981 .caption {
1982         position: absolute;
1983         bottom: 0px;
1984         margin: 0px 5px;
1985         text-align: center;
1986         color: #6e6e6e;
1987         font-size: 0.9em;
1988 }
1989
1990 #photo-photo {
1991         position: relative;
1992         float: left;
1993 }
1994
1995 #photo-caption {
1996         margin-top: 10px;
1997         color: #6E6E6E;
1998         font-size: 1.1em;
1999 }
2000
2001 #photo-photo-end {
2002         clear: both;
2003 }
2004
2005 #photo-prev-link,
2006 #photo-next-link {
2007         position: absolute;
2008         width: 10%;
2009         height: 100%;
2010         background-color: rgba(255,255,255,0.2);
2011         opacity: 0;
2012         transition: all 0.2s ease-in-out;
2013                 -webkit-transition: all 0.2s ease-in-out;
2014                 -moz-transition: all 0.2s ease-in-out;
2015         background-position: center center;
2016         background-repeat: no-repeat;
2017 }
2018
2019 #photo-prev-link {
2020         left: 0px;
2021         top: 0px;
2022         background-image: url('prev.png');
2023 }
2024
2025 #photo-next-link {
2026         right: 0px;
2027         top: 0px;
2028         background-image: url('next.png');
2029 }
2030
2031 #photo-prev-link a,
2032 #photo-next-link a {
2033         display: block;
2034         width: 100%;
2035         height: 100%;
2036         overflow: hidden;
2037         text-indent: -900000px;
2038 }
2039
2040 #photo-prev-link:hover,
2041 #photo-next-link:hover {
2042         opacity: 1;
2043         transition: all 0.2s ease-in-out;
2044                 -webkit-transition: all 0.2s ease-in-out;
2045                 -moz-transition: all 0.2s ease-in-out;
2046 }
2047
2048 #photo-next-link .icon,
2049 #photo-prev-link .icon {
2050         display: none;
2051 }
2052
2053 #photos-upload-spacer,
2054 #photos-upload-new-wrapper,
2055 #photos-upload-exist-wrapper {
2056         margin-bottom: 1em;
2057 }
2058
2059 #photos-upload-existing-album-text,
2060 #photos-upload-newalbum-div {
2061         background-color: #fff;
2062         color: #909090;
2063         font-size: 1.2em;
2064         padding: 3px 0px;
2065         padding-left: 0px;
2066         width: 300px;
2067 }
2068
2069 #photos-upload-album-select,
2070 #photos-upload-newalbum {
2071         width: 400px;
2072 }
2073
2074 #photos-upload-perms-menu {
2075         width: 180px;
2076         padding: 7px;
2077 }
2078
2079 #photos-upload-perms-menu .icon {
2080         display: none;
2081 }
2082
2083 select, input {
2084         border: 1px solid #b0b0b0;
2085         padding: 2px;
2086         border-radius: 3px 3px 3px 3px;
2087                 -webkit-border-radius: 3px 3px 3px 3px;
2088                 -moz-border-radius: 3px 3px 3px 3px;
2089 }
2090
2091 select[size],
2092 select[multiple],
2093 select[size][multiple] {
2094         margin: 5px 0px 10px 0px;
2095 }
2096
2097 select {
2098         -webkit-appearance: menulist;
2099         box-sizing: border-box;
2100         -webkit-box-align: center;
2101         cursor: default;
2102 }
2103
2104 textarea, keygen {
2105         margin-top: 3px;
2106         font-size: 0.9em;
2107         letter-spacing: normal;
2108         word-spacing: normal;
2109         line-height: 1.2em;
2110         text-transform: none;
2111         text-indent: 0px;
2112         text-shadow: none;
2113         display: inline-block;
2114         text-align: -webkit-auto;
2115 }
2116
2117 input {
2118         margin-top: 3px;
2119         margin-right: 10px;
2120         /*font-size: 0.9em;
2121         letter-spacing: normal;
2122         word-spacing: normal;
2123         line-height: 1.2em;
2124         text-transform: none;
2125         text-indent: 0px;
2126         text-shadow: none;
2127         display: inline-block;*/
2128         text-align: -webkit-auto;
2129 }
2130
2131 .qq-upload-button {
2132         border-radius: 5px;
2133                 -moz-border-radius: 5px;
2134                 -webkit-border-radius: 5px;
2135 }
2136
2137 #album-edit-link {
2138         width: 70px;
2139         margin-bottom: 20px;
2140         margin-top: 20px;
2141         background-color: #a2a2a2;
2142         color: #eeeeec;
2143         padding: 5px 10px 5px 10px;
2144         margin-right: 5px;
2145         font-style: bold;
2146         border-radius: 5px 5px 5px 5px;
2147                 -webkit-border-radius: 5px 5px 5px 5px;
2148                 -moz-border-radius: 5px 5px 5px 5px;
2149 }
2150
2151 #album-edit-link  a {
2152         color: #efefef;
2153 }
2154
2155 #album-edit-link:hover {
2156         background-color: #1873a2;
2157 }
2158
2159 #photo-edit-link-wrap {
2160         margin-bottom: 10px;
2161 }
2162
2163 #photo_edit_form {
2164         width: 500px;
2165         margin-top: 20px;
2166         text-align: left;
2167 }
2168
2169 input#photo_edit_form {
2170         display: block;
2171         width: 100%;
2172 }
2173
2174 #photo-edit-perms-menu {
2175         float: left;
2176         display: inline;
2177         margin-top: 10px;
2178         margin-right: 10px;
2179         padding: 4px;
2180         width: 100px;
2181 }
2182
2183 #photo-edit-perms-menu .icon {
2184         display: none;
2185 }
2186
2187 #photo-edit-delete-button {
2188         float: left;
2189         display: inline;
2190         margin-left: 190px;
2191 }
2192
2193 #photo-album-edit-wrapper {
2194         margin-bottom: 10px;
2195 }
2196
2197 /* ============ */
2198 /* = Messages = */
2199 /* ============ */
2200
2201 #prvmail-wrapper,
2202 .mail-conv-detail,
2203 .mail-list-detail {
2204         position: relative;
2205         width: 500px;
2206         padding: 50px;
2207         margin: 20px auto;
2208         background-color: #fff;
2209         -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2210         -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2211         box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2212 }
2213
2214 #prvmail-wrapper:before,
2215 #prvmail-wrapper:after,
2216 .mail-conv-detail:before,
2217 .mail-conv-detail:after,
2218 .mail-list-detail:before,
2219 .mail-list-detail:after {
2220         position: absolute;
2221         width: 40%;
2222         height: 10px;
2223         content: ' ';
2224         left: 12px;
2225         bottom: 12px;
2226         background: transparent;
2227         transform: skew(-5deg) rotate(-5deg);
2228                 -webkit-transform: skew(-5deg) rotate(-5deg);
2229                 -moz-transform: skew(-5deg) rotate(-5deg);
2230                 -ms-transform: skew(-5deg) rotate(-5deg);
2231                 -o-transform: skew(-5deg) rotate(-5deg);
2232         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2233                 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2234                 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2235         z-index: -1;
2236 }
2237
2238 #prvmail-wrapper:after,
2239 .mail-conv-detail:after,
2240 .mail-list-detail:after {
2241         left: auto;
2242         right: 12px;
2243         transform: skew(5deg) rotate(5deg);
2244                 -webkit-transform: skew(5deg) rotate(5deg);
2245                 -moz-transform: skew(5deg) rotate(5deg);
2246                 -ms-transform: skew(5deg) rotate(5deg);
2247                 -o-transform: skew(5deg) rotate(5deg);
2248 }
2249
2250 .prvmail-text {
2251         width: 100%;
2252 }
2253
2254 #prvmail-form input
2255
2256 #prvmail-subject {
2257         width: 490px;
2258         padding-left: 10px;
2259         font-size: 1.1em;
2260         font-style: bold;
2261 }
2262
2263 #prvmail-subject .input {
2264         border: none !important;
2265 }
2266
2267 #prvmail-subject-label {}
2268
2269 #prvmail-to {
2270         padding-left: 10px;
2271 }
2272
2273 #prvmail-to-label {}
2274
2275 #prvmail-message-label {
2276         font-size: 1em;
2277 }
2278
2279 #prvmail-submit-wrapper {
2280         margin-top: 10px;
2281 }
2282
2283 #prvmail-submit {
2284         float: right;
2285         margin-top: 0px;
2286         margin-right: 0px;
2287 }
2288
2289 #prvmail-upload {
2290 margin-left: 0px;
2291 }
2292
2293 #prvmail-submit-wrapper > div {
2294         margin-right: 5px;
2295         float: left;
2296 }
2297
2298 .mail-list-outside-wrapper {
2299         margin-top: 20px;
2300 }
2301
2302 .mail-list-sender {
2303         float: left;
2304         padding: 2px;
2305         background-color: #efefef;
2306         border: 1px solid #C5C5C5;
2307     border-radius: 3px 3px 3px 3px;
2308     box-shadow: 0 0 8px #BDBDBD;
2309                 -moz-box-shadow: 3px 3px 4px #959494;
2310                 -webkit-box-shadow: 3px 3px 4px #959494;
2311 }
2312
2313 .mail-list-detail {
2314         margin-left: 100px;
2315         width: 600px;
2316         min-height: 70px;
2317         padding: 20px;
2318         padding-top: 10px;
2319         border: 1px solid #dddddd;
2320 }
2321
2322 .mail-list-sender-name {
2323         font-size: 1.1em;
2324         display: inline;
2325 }
2326
2327 .mail-list-date {
2328         float: right;
2329         clear: block;
2330         display: inline;
2331         font-size: 0.9em;
2332         padding-left: 10px;
2333         font-stretch: ultra-condensed;
2334 }
2335
2336 .mail-list-subject {
2337         clear: block;
2338         font-size: 1.2em;
2339         padding-top: 20px;
2340         padding-right: 50px;
2341 }
2342
2343 .mail-list-subject a {
2344         color: #626262;
2345 }
2346
2347 .mail-list-delete-wrapper {
2348         float: right;
2349 }
2350
2351 .mail-list-outside-wrapper-end {
2352         clear: both;
2353 }
2354
2355 .mail-conv-outside-wrapper {
2356         margin-bottom: 10px;
2357         margin-top: 30px;
2358 }
2359
2360 .mail-conv-sender {
2361         float: left;
2362         margin: 0px 5px 5px 0px;
2363 }
2364
2365 .mail-conv-sender-photo {
2366         width: 64px;
2367         height: 64px;
2368 }
2369
2370 .mail-conv-sender-name {
2371         float: left;
2372         font-style: bold;
2373 }
2374
2375 .mail-conv-date {
2376         float: right;
2377 }
2378
2379 .mail-conv-subject {
2380         clear: right;
2381         font-weight: bold;
2382         font-size: 1.2em;
2383 }
2384
2385 .mail-conv-body {
2386         clear: both;
2387 }
2388
2389 .mail-conv-detail {
2390         width: 500px;
2391         padding: 20px;
2392         padding-bottom: 20px;
2393         margin-left: 20px;
2394         margin-bottom: 0px;
2395         vertical-align: middle;
2396         margin: auto;
2397         border: 1px solid #dddddd;
2398 }
2399 .mail-conv-break {
2400         display: none;
2401         border: none;
2402 }
2403
2404 .mail-conv-delete-wrapper {
2405         padding-top: 10px;
2406         width: 510px;
2407         text-align: right;
2408 }
2409
2410 #prvmail-subject {
2411         font-weight: bold;
2412         border: 1px solid #dddddd;
2413 }
2414
2415 /* ================= */
2416 /* = Notifications = */
2417 /* ================= */
2418
2419 #notification-show-hide-wrapper {
2420         width: 160px;
2421         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2422                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2423                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2424         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2425         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2426         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2427         background-color: #bdbdbd;
2428         border-radius: 5px;
2429                 -moz-border-radius: 5px;
2430                 -webkit-border-radius: 5px;
2431         padding: 5px 10px 5px 10px;
2432         margin-right: 5px;
2433         margin-top: 10px;
2434         font-style: bold;
2435         color: #efefef;
2436         text-align: center;
2437 }
2438
2439 #notification-show-hide-wrapper:hover {
2440         color: #efefef;
2441         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2442         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2443         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2444         background-color: #1873a2;
2445 }
2446
2447 #notification-show-hide-wrapper:active {
2448         background-color: #1873a2;
2449         position: relative;
2450         top: 1px;
2451 }
2452
2453 #notification-show-hide-wrapper a {
2454         color: #efefef;
2455 }
2456
2457 /* ============ */
2458 /* = Contacts = */
2459 /* ============ */
2460
2461 #contacts-main {
2462         margin-bottom: 10px;
2463 }
2464
2465 .contact-wrapper {
2466         float: left;
2467         width: 150px;
2468         height: 150px;
2469         overflow: auto;
2470 }
2471
2472 .view-contact-wrapper,
2473 .contact-entry-wrapper {
2474         float: left;
2475         margin-right: 30px;
2476         margin-bottom: 20px;
2477         width: 88px;
2478         height: 120px;
2479         position: relative;
2480 }
2481
2482 #view-contact-end {
2483         clear: both;
2484 }
2485
2486 #viewcontacts {
2487         margin-top: 15px;
2488 }
2489
2490 .contact-entry-direction-wrapper {
2491         position: absolute;
2492         top: 20px;
2493 }
2494
2495 .contact-entry-edit-links {
2496         position: absolute;
2497         top: 60px;
2498 }
2499
2500 #contacts-show-hide-link {
2501         margin-bottom: 20px;
2502         margin-top: 10px;
2503         font-weight: bold;
2504 }
2505
2506 .contact-entry-name {
2507         width: 100px;
2508         overflow: hidden;
2509         font: #999;
2510         font-size: 12px;
2511         text-align: center;
2512         font-weight: bold;
2513         margin-top: 5px;
2514 }
2515
2516 .contact-entry-photo {
2517         position: relative;
2518 }
2519
2520 .contact-entry-edit-links .icon {
2521         border: 1px solid #babdb6;
2522         border-radius: 3px;
2523                 -webkit-border-radius: 3px;
2524                 -moz-border-radius: 3px;
2525         background-color: #ffffff;
2526 }
2527
2528 #contact-edit-banner-name {
2529         font-size: 1.5em;
2530         margin-left: 30px;
2531 }
2532
2533 #contact-edit-update-now {
2534         padding: 7px;
2535         width: 165px;
2536         margin: auto;
2537         margin-left: 40px;
2538         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2539                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2540                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2541         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2542         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2543         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2544         background-color: #bdbdbd;
2545         border-radius: 5px;
2546                 -moz-border-radius: 5px;
2547                 -webkit-border-radius: 5px;
2548         display: inline-block;
2549         color: #efefef;
2550         text-decoration: none;
2551         text-align: center;
2552 }
2553
2554 #contact-edit-update-now:hover {
2555         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2556         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2557         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2558         background-color: #1873a2;
2559 }
2560
2561 #contact-edit-update-now:active {
2562         position: relative;
2563         top: 1px;
2564 }
2565
2566 #contact-edit-update-now a {
2567         color: #efefef;
2568         font-size: 14px;
2569         text-align: center;
2570         margin: auto;
2571 }
2572
2573 .contact-photo-menu-button {
2574         position: absolute;
2575         background-image: url("photo-menu.jpg");
2576         background-position: top left;
2577         background-repeat: no-repeat;
2578         margin: 10px 0 0 0; padding: 0px;
2579         width: 16px;
2580         height: 16px;
2581         top: 64px; left:0px;
2582         overflow: hidden;
2583         text-indent: 40px;
2584         display: none;
2585 }
2586
2587 .contact-photo-menu {
2588         width: auto;
2589         border: 1px solid #ddd;
2590         background: #f1f1f1;
2591         position: absolute;
2592         left: 0px; top: 90px;
2593         display: none;
2594         z-index: 10000;
2595         box-shadow: 3px 3px 5px #888;
2596                 -moz-box-shadow: 3px 3px 5px #888;
2597                 -webkit-box-shadow: 3px 3px 5px #888;
2598 }
2599
2600 .contact-photo-menu ul {
2601         margin: 0px;
2602         padding: 0px;
2603         list-style: none;
2604 }
2605
2606 .contact-photo-menu li a {
2607         display: block;
2608         padding: 3px;
2609         color: #626262;
2610         font-size: 1em;
2611 }
2612
2613 .contact-photo-menu li a:hover {
2614         color: #FFFFFF;
2615         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2616         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2617         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2618         background-color: #1873a2;
2619         text-decoration: none;
2620 }
2621
2622 .view-contact-name {}
2623
2624 #div.side-link {
2625         background-color: #efefef;
2626         padding: 10px;
2627         margin-top: 20px;
2628 }
2629
2630 #follow-sidebar {
2631         margin-bottom: 80px;
2632 }
2633
2634 #follow-sidebar h3:before {
2635         content: url("user.png");
2636         padding-right: 10px;
2637         vertical-align: middle;
2638 }
2639
2640 #follow-sidebar input[type="text"] {
2641         margin-left: 3px;
2642         margin-bottom: 10px;
2643 }
2644
2645 #side-follow-submit {
2646         width: 178px;
2647         margin: 10px;
2648         text-align: center;
2649 }
2650
2651 #side-match-link {
2652         width: 158px;
2653         padding: 10px;
2654         margin: auto 10px 20px;
2655         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2656         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2657         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2658         background-color: #bdbdbd;
2659         padding: 5px 10px 5px 10px;
2660         color: #efefef;
2661         font-size: 1.1em;
2662         text-align: center;
2663         border: 1px solid #7C7D7B;
2664         border-radius: 5px 5px 5px 5px;
2665 }
2666
2667 #side-match-link:hover {
2668         color: #efefef;
2669         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2670         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2671         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2672         background-color: #1873a2;
2673         border: 1px solid #7C7D7B;
2674         box-shadow: 0 0 8px #BDBDBD;
2675         border-radius: 5px 5px 5px 5px;
2676 }
2677
2678 #side-match-link:active {
2679         background-color: #1873a2;
2680         position: relative;
2681         top: 1px;
2682 }
2683
2684 #side-match-link a {
2685         color: #efefef;
2686 }
2687
2688 #side-invite-link {
2689         width: 80%;
2690         padding: 10px;
2691         margin: auto;
2692         margin-bottom: 20px;
2693         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2694         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2695         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2696         background-color: #bdbdbd;
2697         padding: 5px 10px 5px 10px;
2698         color: #efefef;
2699         font-size: 1.1em;
2700         text-align: center;
2701         border: 1px solid #7C7D7B;
2702         border-radius: 5px 5px 5px 5px;
2703 }
2704
2705 #side-invite-link:hover {
2706         color: #efefef;
2707         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2708         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2709         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2710         background-color: #1873a2;
2711         border: 1px solid #7C7D7B;
2712         box-shadow: 0 0 8px #BDBDBD;
2713         border-radius: 5px 5px 5px 5px;
2714 }
2715
2716
2717 #side-invite-link:active {
2718         background-color: #1873a2;
2719         position: relative;
2720         top: 1px;
2721 }
2722
2723 #side-invite-link a {
2724         color: #efefef;
2725 }
2726
2727 #side-suggest-link {
2728         width: 80%;
2729         padding: 10px;
2730         margin: auto;
2731         margin-bottom: 20px;
2732         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2733         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2734         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2735         background-color: #bdbdbd;
2736         padding: 5px 10px 5px 10px;
2737         color: #efefef;
2738         font-size: 1.1em;
2739         text-align: center;
2740         border: 1px solid #7C7D7B;
2741         border-radius: 5px 5px 5px 5px;
2742 }
2743
2744 #side-suggest-link:hover {
2745         color: #efefef;
2746         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2747         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2748         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2749         background-color: #1873a2;
2750         border: 1px solid #7C7D7B;
2751         box-shadow: 0 0 8px #BDBDBD;
2752         border-radius: 5px 5px 5px 5px;
2753 }
2754
2755 #side-suggest-link:active {
2756         background-color: #1873a2;
2757         position: relative;
2758         top: 1px;
2759 }
2760
2761 #side-suggest-link a {
2762         color: #efefef;
2763 }
2764
2765 #invite-message,
2766 #invite-recipients,
2767 #invite-recipient-text {
2768         padding: 10px;
2769 }
2770
2771 #side-follow-wrapper {
2772         font-size: 1em;
2773         font-weight: bold;
2774         font-stretch: semi-expanded;
2775         background-color: #f3f3f3;
2776         border: 1px solid #cdcdcd;
2777         padding: 10px;
2778         margin-top: 20px;
2779         border-radius: 5px 5px 5px 5px;
2780                 -webkit-border-radius: 5px 5px 5px 5px;
2781                 -moz-border-radius: 5px 5px 5px 5px;
2782 }
2783
2784 #side-follow-wrapper label{
2785         font-size: 1.1em;
2786         font-variant: normal;
2787 }
2788
2789 #contact-suggest {
2790         float: left;
2791         margin-left: 10px;
2792         width: 120px;
2793         padding: 10px;
2794         margin-bottom: 20px;
2795         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2796                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2797                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2798         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2799         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2800         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2801         background-color: #bdbdbd;
2802         border-radius: 5px;
2803                 -moz-border-radius: 5px;
2804                 -webkit-border-radius: 5px;
2805         padding: 5px 10px 5px 10px;
2806         color: #efefef;
2807         font-size: 1.2em;
2808         text-align: center;
2809 }
2810
2811 #contact-suggest:hover {
2812         color: #efefef;
2813         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2814         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2815         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2816         background-color: #1873a2;
2817 }
2818
2819 #contact-suggest:active {
2820         background-color: #1873a2;
2821         position: relative;
2822         top: 1px;
2823 }
2824
2825 #contact-suggest a {
2826         color: #efefef;
2827 }
2828
2829 .crepair-label {
2830         margin-top: 10px;
2831         float: left;
2832         width: 250px;
2833 }
2834
2835 .crepair-input {
2836         margin-top: 10px;
2837         float: left;
2838         width: 200px;
2839 }
2840
2841 /* ===================================== */
2842 /* = Register, Settings, Profile Forms = */
2843 /* ===================================== */
2844
2845 #id_openid_url, .openid input{
2846         background: url(login-bg.gif) no-repeat;
2847         background-position: 0 50%;
2848         padding-left: 18px;
2849         width: 220px!important;
2850 }
2851
2852 .openid:hover {
2853 }
2854
2855 #profile-tabs-wrapper {
2856         padding-top: 10px;
2857 }
2858
2859 #profile-tab-status-link {
2860         border: 0px;
2861         padding: 5px 10px 5px 10px;
2862         font-style: bold;
2863 }
2864
2865 #uexport-link a {
2866         color: #efefef;
2867 }
2868
2869 #profile-tab-profile-link {
2870         border: 0px;
2871         padding: 5px 10px 5px 10px;
2872 }
2873
2874 #uexport-link {
2875         width: 140px;
2876         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2877                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2878                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
2879         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2880         background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2881         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2882         background-color: #7c7d7b;
2883         border-radius: 5px;
2884                 -moz-border-radius: 5px;
2885                 -webkit-border-radius: 5px;
2886         padding: 5px 10px 5px 10px;
2887         margin-bottom: 10px;
2888 }
2889
2890 #uexport-link:hover {
2891         color: #efefef;
2892         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2893         background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2894         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2895         background-color: #555753;
2896 }
2897
2898 #uexport-link:active {
2899         color: #efefef;
2900         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2901         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2902         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2903         background-color: #1873a2;
2904         position: relative;
2905         top: 1px;
2906 }
2907
2908 #settings-default-perms .fakelink {
2909         color: #efefef;
2910 }
2911
2912 #settings-default-perms {
2913         width: 260px;
2914         text-align: center;
2915         color: #EFEFEF;
2916         padding: 5px 10px 5px 10px;
2917         margin-bottom: 10px;
2918         background-color: #BDBDBD;
2919         background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
2920         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2921         border: 1px solid #7C7D7B;
2922         border-radius: 5px 5px 5px 5px;
2923 }
2924
2925 #settings-default-perms:hover {
2926         color: #efefef;
2927         background-color: #555753;
2928         border: 1px solid #7C7D7B;
2929         box-shadow: 0 0 8px #BDBDBD;
2930         border-radius: 5px 5px 5px 5px;
2931 }
2932
2933 #settings-default-perms:active {
2934         color: #efefef;
2935         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
2936         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
2937         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
2938         background-color: #1873a2;
2939         position: relative;
2940         top: 1px;
2941 }
2942
2943 #settings-nickname-desc {
2944         width: 80%;
2945         background-color: #efefef;
2946         margin-top: 10px;
2947         margin-bottom: 10px;
2948         border-radius: 5px;
2949                 -webkit-border-radius: 5px;
2950                 -moz-border-radius: 5px;
2951         padding: 10px;
2952 }
2953
2954 #register-form div {
2955         clear: both;
2956 }
2957
2958 #profile-edit-form div {
2959         margin-bottom: 5px;
2960 }
2961
2962 #profile-edit-form div[id$='desc'] {
2963         font-size: 0.8em;
2964         margin-left: 2%;
2965 }
2966
2967 #register-form label,
2968 #profile-edit-form label {
2969         width: 575px;
2970         float: right;
2971         margin-right: 155px;
2972 }
2973
2974 /* #register-form span,
2975 #profile-edit-form span  { */
2976 #register-form span {
2977         color: #555753;
2978         display: block;
2979         margin-bottom: 20px;
2980 }
2981
2982 .settings-submit-wrapper,
2983 .profile-edit-submit-wrapper {
2984         margin: 30px 0px;
2985 }
2986
2987 .profile-listing {
2988         float: left;
2989         clear: both;
2990         margin: 20px 20px 0px 0px;
2991 }
2992
2993
2994 #register-sitename {
2995         display: inline;
2996         font-weight: bold;
2997 }
2998
2999 #register-submit-button {
3000         margin-top: 10px;
3001 }
3002
3003 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
3004         float: left;
3005         width: 350px;
3006         margin-top: 10px;
3007 }
3008
3009 #register-name, #register-email, #register-nickname {
3010         float: left;
3011         margin-top: 10px;
3012         width: 150px;
3013 }
3014
3015 #register-openid {
3016         float: left;
3017         margin-top: 10px;
3018         width: 130px;
3019 }
3020
3021 #register-fill-ext {
3022         margin-bottom: 25px;
3023 }
3024
3025 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
3026         clear: both;
3027 }
3028
3029 #register-nickname-desc {
3030         margin-top: 30px;
3031         width: 650px;
3032 }
3033
3034 /* ===================== */
3035 /* = Contacts Selector = */
3036 /* ===================== */
3037
3038 #group-edit-wrapper {
3039         margin-bottom: 10px;
3040 }
3041
3042 #group-edit-name-wrapper {
3043         margin-bottom: 0px;
3044         display: inline;
3045 }
3046 #group-edit-submit-wrapper {
3047         margin-bottom: 10px;
3048         margin-right: 400px;
3049         float: right;
3050         display: inline;
3051 }
3052
3053 .group-delete-wrapper {
3054         width: 90px;
3055         display: inline;
3056         padding: 5px;
3057         margin-bottom: 10px;
3058         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3059                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3060                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3061         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3062         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3063         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3064         background-color: #bdbdbd;
3065         border-radius: 5px;
3066                 -moz-border-radius: 5px;
3067                 -webkit-border-radius: 5px;
3068 }
3069
3070 .group-delete-wrapper:hover {
3071         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3072         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3073         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3074         background-color: #1873a2;
3075 }
3076
3077 .group-delete-wrapper:active {
3078         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3079         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3080         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3081         background-color: #1873a2;
3082 }
3083
3084 .group-delete-wrapper a {
3085         color: #efefef;
3086         font-size: 0.9em;
3087 }
3088
3089 #group-edit-desc {
3090         margin: 10px 0xp;
3091 }
3092
3093 #group-new-text {
3094         font-size: 1.1em;
3095 }
3096
3097 #group-members,
3098 #prof-members {
3099         width: 83%;
3100         height: 200px;
3101         overflow: auto;
3102         border: none;
3103         background-color: #f0edf0;
3104         color: #555753;
3105         border: 1px solid #ccc;
3106         margin-bottom: 10px;
3107         padding: 10px;
3108 }
3109
3110 #group-all-contacts,
3111 #prof-all-contacts {
3112         width: 83%;
3113         height: 200px;
3114         overflow: auto;
3115         border: 1px solid #ccc;
3116         background-color: #f0edf0;
3117         padding: 10px;
3118 }
3119
3120 #group-members h3,
3121 #group-all-contacts h3,
3122 #prof-members h3,
3123 #prof-all-contacts h3{
3124         color: #555753;
3125         margin: 0px;
3126         padding: 5px;
3127 }
3128
3129 #group-separator,
3130 #prof-separator {
3131         display: none;
3132 }
3133
3134 /* ========== */
3135 /* = Events = */
3136 /* ========== */
3137
3138 #events-reminder {}
3139
3140 .clear {
3141         clear: both;
3142         margin-top: 10px;
3143 }
3144
3145 .eventcal {
3146         float: left;
3147         font-size: 20px;
3148         padding: 20px;
3149 }
3150
3151 .vevent {
3152         position: relative;
3153         width: 400px;
3154         padding: 20px;
3155         padding-top: 10px;
3156         margin: 0 0px;
3157         margin-bottom: 10px;
3158         background-color: #fff;
3159         box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3160                 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3161                 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
3162 }
3163
3164 .vevent:before,
3165 .vevent:after {
3166         position: absolute;
3167         width: 40%;
3168         height: 10px;
3169         content: ' ';
3170         left: 12px;
3171         bottom: 12px;
3172         background: transparent;
3173         transform: skew(-5deg) rotate(-5deg);
3174                 -webkit-transform: skew(-5deg) rotate(-5deg);
3175                 -moz-transform: skew(-5deg) rotate(-5deg);
3176                 -ms-transform: skew(-5deg) rotate(-5deg);
3177                 -o-transform: skew(-5deg) rotate(-5deg);
3178         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3179                 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3180                 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
3181         z-index: -1;
3182 }
3183
3184 .vevent:after {
3185         left: auto;
3186         right: 12px;
3187         transform: skew(5deg) rotate(5deg);
3188                 -webkit-transform: skew(5deg) rotate(5deg);
3189                 -moz-transform: skew(5deg) rotate(5deg);
3190                 -ms-transform: skew(5deg) rotate(5deg);
3191                 -o-transform: skew(5deg) rotate(5deg);
3192 }
3193
3194 .vevent .event-description {
3195         margin-left: 10px;
3196         margin-right: 10px;
3197         text-align: center;
3198         font-size: 1.2em;
3199         font-weight: bolder;
3200 }
3201
3202  .vevent .event-location {
3203         margin-left: 10px;
3204         margin-right: 10px;
3205         font-size: 1em;
3206         font-style: oblique;
3207         text-align: center;
3208 }
3209
3210 .vevent .event-start,
3211 .vevent .event-end  {
3212         margin-left: 20px;
3213         margin-right: 20px;
3214         margin-bottom: 2px;
3215         margin-top: 2px;
3216         font-size: 0.9em;
3217         text-align: left;
3218 }
3219
3220 #new-event-link {
3221         width: 130px;
3222         padding: 7px;
3223         margin-bottom: 10px;
3224         margin-left: 170px;
3225         box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3226                 -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3227                 -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
3228         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3229         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3230         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3231         background-color: #bdbdbd;
3232         border-radius: 5px;
3233                 -moz-border-radius: 5px;
3234                 -webkit-border-radius: 5px;
3235         color: #efefef;
3236 }
3237
3238 #new-event-link:hover {
3239         color: #efefef;
3240         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3241         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3242         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3243         background-color: #1873a2;
3244 }
3245
3246 #new-event-link:active {
3247         background-color: #1873a2;
3248         position: relative;
3249         top: 1px;
3250 }
3251
3252 #new-event-link a {
3253         color: #efefef;
3254         text-align: center;
3255 }
3256
3257 .edit-event-link, .plink-event-link {
3258         float: left;
3259         margin-top: 4px;
3260         margin-right: 4px;
3261         margin-bottom: 15px;
3262 }
3263
3264 .event-description:before {
3265         content: url('calendar.png');
3266         margin-right: 15px;
3267         vertical-align: middle;
3268 }
3269
3270 .event-start,
3271 .event-end {
3272         margin-left: 10px;
3273         width: 330px;
3274 }
3275
3276 .event-start .dtstart,
3277 .event-end .dtend {
3278         float: right;
3279 }
3280
3281 .event-list-date {
3282         color: #626262;
3283         margin-bottom: 10px;
3284         font-stretch: condensed;
3285 }
3286
3287 .prevcal,
3288 .nextcal {
3289         float: left;
3290         margin-left: 32px;
3291         margin-right: 32px;
3292         margin-top: 64px;
3293 }
3294
3295 .event-calendar-end {
3296         clear: both;
3297 }
3298
3299 .calendar {
3300         width: 300px;
3301         font-family: Helvetica, Arial, sans-serif;
3302         background-color: #f1f1f1;
3303         border: 1px solid #dedede;
3304         margin-bottom: 10px;
3305         box-shadow: 5px 5px 8px #959494;
3306                 -moz-box-shadow: 5px 5px 8px #959494;
3307                 -webkit-box-shadow: 5px 5px 8px #959494;
3308 }
3309
3310 .calendar caption {
3311         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
3312         background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
3313         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
3314         background-color: #1873a2;
3315         padding: 10px 0px 10px 0px;
3316         width: 300px;
3317         color: #ffffff;
3318         font-weight: bold;
3319         text-align: center;
3320         box-shadow: 5px 2px 8px #959494;
3321                 -moz-box-shadow: 5px 2px 8px #959494;
3322                 -webkit-box-shadow: 5px 2px 8px #959494;
3323 }
3324
3325 tr {
3326         border: 1px solid #eeeeee;
3327 }
3328
3329 .calendar td {
3330         font-size: 14px;
3331         text-align: center;
3332         padding: 3px 0px;
3333 }
3334
3335 .calendar td > a {
3336         background-color: #cdcdcd;
3337         padding: 2px;
3338         color: #000000;
3339 }
3340
3341 .calendar th {
3342         font-size: 16px;
3343 }
3344
3345 .today {
3346         font-weight: bold;
3347         text-align: center;
3348         background-color: #1873a2;
3349         color: #ffffff;
3350 }
3351
3352 #event-start-text,
3353 #event-finish-text {
3354         margin-top: 10px;
3355         margin-bottom: 5px;
3356 }
3357
3358 #event-nofinish-checkbox,
3359 #event-nofinish-text,
3360 #event-adjust-checkbox,
3361 #event-adjust-text,
3362 #event-share-checkbox {
3363         float: left;
3364 }
3365
3366 #event-datetime-break {
3367         margin-bottom: 10px;
3368 }
3369
3370 #event-nofinish-break,
3371 #event-adjust-break,
3372 #event-share-break {
3373         clear: both;
3374 }
3375
3376 #event-desc-text,
3377 #event-location-text {
3378         margin-top: 10px;
3379         margin-bottom: 5px;
3380 }
3381
3382 #event-submit {
3383         margin-top: 10px;
3384 }
3385
3386 /* ============= */
3387 /* = Directory = */
3388 /* ============= */
3389
3390 .directory-item {
3391         float: left;
3392         margin: 50px 50px 0px 0px;
3393 }
3394
3395 .directory-details {
3396         font-size: 0.9em;
3397         width: 160px;
3398 }
3399
3400 .directory-name {
3401         font-size: 1em;
3402         width: 150px;
3403 }
3404
3405 /* ========= */
3406 /* = Admin = */
3407 /* ========= */
3408
3409 #adminpage {
3410         width: 80%;
3411 }
3412
3413 #pending-update {
3414         float:right;
3415         color: #ffffff;
3416         font-weight: bold;
3417         background-color: #FF0000;
3418         padding: 0em 0.3em;
3419 }
3420
3421 .admin.linklist {
3422         border: 0px; padding: 0px;
3423 }
3424
3425 .admin.link {
3426         list-style-position: inside;
3427         font-size: 1em;
3428         padding: 5px;
3429         width: auto;
3430         margin: 5px;
3431 }
3432
3433 #adminpage dl {
3434         clear: left;
3435         margin-bottom: 2px;
3436         padding-bottom: 2px;
3437         border-bottom: 1px solid black;
3438 }
3439
3440 #adminpage dt {
3441         width: 200px;
3442         float: left;
3443         font-weight: bold;
3444 }
3445
3446 #adminpage dd {
3447         margin-left: 200px;
3448 }
3449 #adminpage h3 {
3450         border-bottom: 1px solid #898989;
3451         margin-bottom: 5px;
3452         margin-top: 10px;
3453 }
3454
3455 #adminpage .submit {
3456         clear:left;
3457 }
3458
3459 #adminpage
3460 #pluginslist {
3461         margin: 0px;
3462         padding: 0px;
3463 }
3464
3465 #adminpage .plugin {
3466         list-style: none;
3467         display: block;
3468         border: 1px solid #888888;
3469         padding: 1em;
3470         margin-bottom: 5px;
3471         clear: left;
3472 }
3473
3474 #adminpage .toggleplugin {
3475         float: left;
3476         margin-right: 1em;
3477 }
3478
3479 #adminpage table {
3480         width: 100%;
3481         border-bottom: 1p solid #000000;
3482         margin: 5px 0px;
3483 }
3484
3485 #adminpage table th {
3486         text-align: left;
3487 }
3488
3489 #adminpage td .icon {
3490         float: left;
3491 }
3492
3493 #adminpage table#users img {
3494         width: 16px;
3495         height: 16px;
3496 }
3497
3498 #adminpage table tr:hover {
3499         background-color: #eeeeee;
3500 }
3501
3502 #adminpage .selectall {
3503         text-align: right;
3504 }
3505
3506 /* =============== */
3507 /* = Form Fields = */
3508 /* =============== */
3509
3510 .field {
3511         width: 90%;
3512 }
3513
3514 .field label {
3515         float: left;
3516         width: 480px;
3517 }
3518
3519 .field checkbox {
3520         float: left;
3521         width: 480px;
3522 }
3523
3524 .field input,
3525 .field textarea {
3526         width: 220px;
3527         border: 1px solid #CDCDCD;
3528         border-radius: 5px 5px 5px 5px;
3529 }
3530
3531 .field textarea {
3532         height: 100px;
3533 }
3534
3535 .field password {
3536         height: 100px;
3537         margin-left: 150px;
3538 }
3539
3540 .field_help {
3541         display: block;
3542         margin-left: 0px;
3543         margin-bottom: 10px;
3544         color: #666666;
3545 }
3546
3547 .field .onoff {
3548         float: left;
3549         width: 80px;
3550 }
3551 .field .onoff a {
3552         display: block;
3553         border: 1px solid #c1c1c1;
3554         background-image: url("../../../images/onoff.jpg");
3555         background-repeat: no-repeat;
3556         padding: 4px 2px 2px 2px;
3557         height: 16px;
3558         text-decoration: none;
3559 }
3560 .field .onoff .off {
3561         border-color: #c1c1c1;
3562         padding-left: 40px;
3563         background-position: left center;
3564         background-color: #cccccc;
3565         color: #666666;
3566         text-align: right;
3567 }
3568
3569 .field .onoff .on {
3570         border-color: #c1c1c1;
3571         padding-right: 40px;
3572         background-position: right center;
3573         background-color: #1873a2;
3574         color: #FFFFFF;
3575         text-align: left;
3576 }
3577
3578 .hidden {
3579         display: none!important;
3580 }
3581
3582 .field .radio .field_help {
3583         margin-left: 0px;
3584 }
3585
3586 /* ========= */
3587 /* = Icons = */
3588 /* ========= */
3589
3590 .sparkle {
3591         cursor: url('lock.cur'), pointer;
3592 }
3593
3594 .icon {
3595         margin-left: 5px;
3596         margin-right: 5px;
3597         display: block;
3598         width: 20px;
3599         height: 20px;
3600         background-image: url("icons.png");
3601 }
3602 .starred {
3603         background-image: url("star.png");
3604         repeat: no-repeat;
3605 }
3606 .unstarred {
3607         background-image: url("premium.png");
3608         repeat: no-repeat;
3609 }
3610
3611 .notify {
3612         background-image: url("notifications.png");
3613         repeat: no-repeat;
3614 }
3615
3616 .border {
3617         border: 1px solid #c1c1c1;
3618         border-radius: 3px;
3619                 -webkit-border-radius: 3px;
3620                 -moz-border-radius: 3px;
3621 }
3622
3623 .article        { background-position: -50px  0px;}
3624 .audio          { background-position: -70px  0px;}
3625 .block          { background-position: -90px  0px;}
3626 .drop           { background-position: -110px 0px;}
3627 .drophide       { background-position: -130px 0px;}
3628 .edit           { background-position: -150px 0px;}
3629 .camera         { background-position: -170px 0px;}
3630 .dislike        { background-position: -190px 0px;}
3631 .like           { background-position: -210px 0px;}
3632 .link           { background-position: -230px 0px;}
3633 .globe          { background-position: -50px  -20px;}
3634 .noglobe        { background-position: -70px  -20px;}
3635 .no             { background-position: -90px  -20px;}
3636 .pause          { background-position: -110px -20px;}
3637 .play           { background-position: -130px -20px;}
3638 .pencil         { background-position: -150px -20px; margin-right: 12px;}
3639 .small-pencil   { background-position: -170px -20px;}
3640 .recycle        { background-position: -190px -20px;}
3641 .remote-link    { background-position: -210px -20px; margin-right: 10px;}
3642 .share          { background-position: -230px -20px;}
3643 .tools          { background-position: -50px  -40px;}
3644 .lock           { background-position: -70px  -40px;}
3645 .unlock         {
3646         background-position: -90px  -40px;
3647         background-image: none;
3648         width: 70px;
3649         height: 20px;
3650 }
3651
3652 .sharePerms {
3653         background-image: url("icons.png");
3654         width: 20px;
3655         height: 20px;
3656         margin: 2px 0px 2px 3px;
3657         display: block;
3658 }
3659
3660 .video          { background-position: -110px -40px;}
3661 .youtube        { background-position: -130px -40px;}
3662 .attach         { background-position: -190px -40px;}
3663 .language       { background-position: -210px -40px;}
3664 .on             { background-position: -50px  -60px;}
3665 .off            { background-position: -70px  -60px;}
3666 .prev           { background-position: -90px  -60px;}
3667 .next           { background-position: -110px -60px;}
3668 .tagged         { background-position: -130px -60px; margin-right: 10px;}
3669 .icon.dim       { opacity: 0.3;filter:alpha(opacity=30);}
3670
3671 .attachtype {
3672         display: block; width: 20px; height: 23px;
3673         background-image: url("../../../images/content-types.png");
3674 }
3675
3676 .type-video { background-position: 0px 0px; }
3677 .type-image { background-position: -20px 0px; }
3678 .type-audio { background-position: -40px 0px; }
3679 .type-text  { background-position: -60px 0px; }
3680 .type-unkn  { background-position: -80px 0px; }
3681
3682 /* ========== */
3683 /* = Footer = */
3684 /* ========== */
3685
3686 .cc-license {
3687         margin-top: 100px;
3688         font-size: 0.7em;
3689 }
3690
3691 footer {
3692         display: block;
3693         margin: 50px 20%;
3694         clear: both;
3695 }
3696
3697
3698 /* ======= */
3699 /* = ACL = */
3700 /* ======= */
3701
3702 #photo-edit-perms-select,
3703 #photos-upload-permissions-wrapper,
3704 #profile-jot-acl-wrapper{
3705         display: block!important;
3706 }
3707
3708 #acl-wrapper {
3709         width: 690px;
3710         float:left;
3711 }
3712 #acl-search {
3713         float:right;
3714         background: #ffffff url("../../../images/search_18.png") no-repeat right center;
3715         padding-right: 20px;
3716 }
3717
3718 #acl-showall {
3719         float: left;
3720         display: block;
3721         font-size: 1em;
3722         font-style: bold;
3723         text-align: center;
3724         padding: 3px;
3725         margin-bottom: 5px;
3726         background-color: #cccccc;
3727         background-position: 7px 7px;
3728         background-repeat: no-repeat;
3729         padding: 5px;
3730         border-radius: 5px;
3731                 -webkit-border-radius: 5px ;
3732                 -moz-border-radius: 5px;
3733         color: #999999;
3734 }
3735
3736 #acl-showall.selected {
3737         color: #ffffff;
3738         background-color: #1873a2;
3739 }
3740
3741 #acl-list {
3742         height: 400px;
3743         border: 1px solid #cccccc;
3744         background-color: #efefef;
3745         clear: both;
3746         margin-top: 30px;
3747         overflow: auto;
3748 }
3749
3750 #acl-list-content {
3751 }
3752
3753 .acl-list-item {
3754         display: block;
3755         width: 155px;
3756         height: 50px;
3757         border: 1px solid #cccccc;
3758         background-color: #fff;
3759         margin: 5px;
3760         float: left;
3761         box-shadow: 2px 2px 3px #c1c1c1;
3762                 -moz-box-shadow: 2px 2px 3px #c1c1c1;
3763                 -webkit-box-shadow: 2px 2px 3px #c1c1c1;
3764 }
3765 .acl-list-item img{
3766         width: 30px;
3767         height: 30px;
3768         float: left;
3769         margin: 5px;
3770 }
3771
3772 .acl-list-item p {
3773         color: #999999;
3774         height: 12px;
3775         font-size: 0.7em;
3776         margin: 0px;
3777         padding: 2px 0px 1px;
3778         overflow: hidden;
3779 }
3780
3781 .acl-list-item a {
3782         font-size: 10px;
3783         display: block;
3784         float: left;
3785         color: #efefef;
3786         background-color: #898989;
3787         background-position: 3px 3px;
3788         background-repeat: no-repeat;
3789         margin: 10px 0 0 5px;
3790         border-radius: 2px;
3791                 -webkit-border-radius: 2px ;
3792                 -moz-border-radius: 2px;
3793         padding: 3px;
3794 }
3795
3796 #acl-wrapper a:hover {
3797         text-decoration: none;
3798         background-color:#1873a2;
3799 }
3800
3801 .acl-button-show.selected {
3802         color: #efefef;
3803         background-color: #1873a2;
3804 }
3805
3806 .acl-button-hide.selected {
3807         color: #efefef;
3808         background-color: #a2a2a2;
3809 }
3810
3811 .acl-list-item.groupshow { border-color: #1873a2; }
3812 .acl-list-item.grouphide { border-color: #a2a2a2; }
3813
3814 /* ========================= */
3815 /* = Global Directory Link = */
3816 /* ========================= */
3817
3818 #global-directory-link {
3819         width: 150px;
3820         padding: 7px;
3821         margin-bottom: 10px;
3822         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
3823         background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
3824         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
3825         background-color: #bdbdbd;
3826         color: #efefef;
3827         text-align: center;
3828         -webkit-padding-start: 0px;
3829         border: 1px solid #7C7D7B;
3830         border-radius: 5px 5px 5px 5px;
3831 }
3832
3833 #global-directory-link:hover {
3834         color: #efefef;
3835         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3836         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3837         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3838         background-color: #1873a2;
3839         border: 1px solid #7C7D7B;
3840         box-shadow: 0 0 8px #BDBDBD;
3841         border-radius: 5px 5px 5px 5px;
3842 }
3843
3844 #global-directory-link:active {
3845         background-color: #1873a2;
3846         position: relative;
3847         top: 1px;
3848 }
3849
3850 #global-directory-link a {
3851         color: #efefef;
3852 }
3853
3854 a.active {
3855         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3856         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3857         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3858         background-color: #1873a2;
3859         color: #fec01d;
3860         padding: 5px 10px 5px 10px;
3861         margin-right: 5px;
3862 }
3863
3864 /* notifications popup menu */
3865 .nav-notify {
3866         display: none;
3867         position: absolute;
3868         font-size: 10px;
3869         padding: 1px 3px;
3870         top: 0px;
3871         right: -10px;
3872         min-width: 15px;
3873         text-align: right;
3874 }
3875 .nav-notify.show {
3876         display: block;
3877 }
3878 ul.menu-popup {
3879         position: absolute;
3880         display: none;
3881         width: 10em;
3882         margin: 0px;
3883         padding: 0px;
3884         list-style: none;
3885         z-index: 100000;
3886         top: 40px;
3887 }
3888 #nav-notifications-menu {
3889         width: 320px;
3890         max-height: 400px;
3891         overflow-y: scroll;
3892         overflow-style: scrollbar;
3893         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
3894         background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
3895         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
3896         background-color: #a2a2a2;
3897         border-radius: 0px 0px 5px 5px;
3898                 -moz-border-radius: 0px 0px 5px 5px;
3899                 -webkit-border-radius: 0px 0px 5px 5px;
3900         border: 1px solid #9A9A9A;
3901         border-top: none;
3902         box-shadow: 5px 5px 10px #242424;
3903                 -moz-box-shadow: 5px 5px 10px #242424;
3904                 -webkit-box-shadow: 5px 5px 10px #242424;
3905 }
3906
3907 #nav-notifications-menu .contactname {
3908         font-weight: bold;
3909         font-size: 0.9em;
3910 }
3911
3912 #nav-notifications-menu img {
3913         float: left;
3914         margin-right: 5px;
3915 }
3916
3917 #nav-notifications-menu .notif-when {
3918         font-size: 0.8em;
3919         display: block;
3920 }
3921
3922 #nav-notifications-menu li {
3923         padding: 7px 0px 7px 10px;
3924         word-wrap: normal;
3925         border-bottom: 1px solid #626262;
3926 }
3927
3928 #nav-notifications-menu li:hover {
3929         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3930         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3931         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3932         background-color: #1873a2;
3933 }
3934
3935 #nav-notifications-menu a:hover {
3936         text-decoration: underline;
3937 }
3938
3939 .notif-item a {
3940         vertical-align: middle;
3941         color: #626262;
3942         padding-bottom: 7px;
3943 }
3944
3945 .notif-item a:hover {
3946         color: #1873a2;
3947 }
3948
3949 .notif-image {
3950         width: 32px;
3951         height: 32px;
3952         padding: 7px 7px 0px 0px;
3953 }
3954
3955 #jGrowl {
3956         z-index: 20000;
3957 }
3958
3959 /* autocomplete popup */
3960 .acpopup {
3961         max-height: 150px;
3962         overflow: auto;
3963         z-index: 100000;
3964         color: #2e3436;
3965         border-top: 0px;
3966         background: #eeeeee;
3967         border-right: 1px solid #dddddd;
3968         border-left: 1px solid #dddddd;
3969         border-bottom: 1px solid #dddddd;
3970         border-radius: 0px 5px 5px 5px;
3971                 -webkit-border-radius: 0px 5px 5px 5px;
3972                 -moz-border-radius: 0px 5px 5px 5px;
3973         box-shadow: 3px 3px 4px #959494;
3974                 -moz-box-shadow: 3px 3px 4px #959494;
3975                 -webkit-box-shadow: 3px 3px 4px #959494;
3976 }
3977
3978 .acpopupitem {
3979         color: #2e3436;
3980         padding: 4px;
3981         clear:left;
3982 }
3983 .acpopupitem img {
3984         float: left;
3985         margin-right: 4px;
3986 }
3987
3988 .acpopupitem.selected {
3989         color: #efefef;
3990         background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
3991         background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
3992         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
3993         background-color: #1873a2;
3994         order-bottom: none;
3995 }
3996
3997 .qcomment {
3998         opacity: 0.8;
3999         filter: alpha(opacity=0);
4000         position: relative;
4001         left: 30px;
4002 }
4003
4004 .qcomment:hover {
4005         opacity: 1.0;
4006         filter: alpha(opacity=100);
4007 }
4008
4009 .notify-seen {
4010         background: #000000;
4011 }
4012
4013 /* Pages profile widget
4014 ----------------------------------------------------------- */
4015 #page-profile
4016 #profile-page-list {
4017         margin-left: 45px;
4018 }
4019
4020 #page-profile .title {
4021         font-weight: bold;
4022 }
4023
4024 #profile-vcard-break {
4025         clear: both;
4026 }
4027
4028 #profile-extra-links {
4029         clear: both;
4030         margin-top: 10px;
4031 }
4032
4033 #profile-extra-links ul {
4034         list-style-type: none;
4035         padding: 0px;
4036 }
4037
4038
4039 #profile-extra-links li {
4040         margin-top: 5px;
4041 }
4042
4043 .profile-edit-side-div {
4044         float: right;
4045 }
4046
4047 .profile-edit-side-link {
4048         opacity: 0.3;
4049         filter:alpha(opacity=30);
4050 }
4051 .profile-edit-side-link:hover {
4052         opacity: 1.0;
4053         filter:alpha(opacity=100);
4054 }
4055
4056 /* SCROLL TO TOP
4057 ----------------------------------------------------------- */
4058 #scrollup {
4059         position: fixed;
4060         right: 1px;
4061         bottom: 30px;
4062         z-index: 100;
4063 }
4064
4065 #scrollup a:hover{
4066         text-decoration: none;
4067         border: 0;
4068 }
4069
4070 /* New posts and comments => background color
4071 ----------------------------------------------------------- */
4072 .shiny {
4073         background: #fbfde9;
4074 }
4075
4076 div.wall-item-content-wrapper.shiny {
4077         background-image: url("shiny.png");
4078         background-repeat: repeat-x;
4079 }
4080
4081 /* from default */
4082 #jot-perms-icon,
4083 #profile-location,
4084 #profile-nolocation,
4085 #profile-youtube,
4086 #profile-video,
4087 #profile-audio,
4088 #profile-link,
4089 #profile-title,
4090 #wall-image-upload,
4091 #wall-file-upload,
4092 #profile-upload-wrapper,
4093 #wall-image-upload-div,
4094 #wall-file-upload-div,
4095 .hover, .focus {
4096         cursor: pointer;
4097 }
4098
4099 hr.line-dots {
4100     background: url("dot.png") repeat-x scroll left center transparent;
4101     border: medium none;
4102 }
4103
4104 .body-tag, .filesavetags, .categorytags {
4105         opacity: 0.5;
4106         filter:alpha(opacity=50);
4107 }
4108
4109 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
4110         opacity: 1.0 !important;
4111         filter:alpha(opacity=100) !important;
4112 }
4113
4114 .item-select {
4115         opacity: 0.5;
4116         filter:alpha(opacity=10);
4117         float: right;
4118         margin-right: 10px;
4119
4120 }
4121 .item-select:hover, .checkeditem {
4122         opacity: 1;
4123         filter:alpha(opacity=100);
4124 }
4125
4126 .filer-icon {
4127         display: block; width: 16px; height: 16px;
4128         background-image: url('file.gif');
4129 }
4130
4131 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
4132 [class^="comment-edit-bb"] {
4133         list-style: none;
4134         display: none;
4135         margin: 0px 0 -5px 0px;
4136         padding: 0px;
4137         width: 75%;
4138 }
4139
4140 .body-attach {
4141         margin-top: 10px;
4142 }
4143
4144 .grey {
4145         color: #888888;
4146 }
4147
4148 .location, .location-label, .gender-label, .marital-label, .homepage-label {
4149         float: left;
4150         text-align: left;
4151         display: block;
4152 }
4153
4154 .adr, .x-gender, .marital-text, .homepage-url {
4155         float: left;
4156         display: block;
4157         margin-left: 8px;
4158 }
4159
4160 #birthday-notice {}
4161 #nav-notifications-template {}
4162 #categories-sidebar {}
4163 #nets-desc {}
4164 #status-tab {}
4165 #page-footer {}
4166 #live-profile {}
4167
4168 .city-state-zip {}
4169 .country-name {}
4170 .locality {}
4171 .region {}
4172 .postal-code {}
4173 .mpfriend {}
4174 .toplevel_item {}
4175
4176 .fc-header,
4177 .fc-view,
4178 .fc-view-basicWeek,
4179 .fc-grid,
4180 .fc-border-separate,
4181 .fc-content {}
4182
4183 div#datebrowse-sidebar.widget {
4184         text-align:center;
4185 }
4186
4187 /* Fakelink */
4188
4189 .fakelink, .fakelink:visited, .fakelink:link {
4190         color: #1873a2;
4191         cursor: pointer;
4192         margin-bottom: 10px;
4193         margin-left: 10px;
4194         /*background: url("down.png") no-repeat scroll left center transparent;*/
4195 }
4196
4197 .fakelink:hover {
4198         color: #6da6c4;
4199 }