view/theme/smoothly/style.css

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