view/theme/smoothly/style.css

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