view/theme/smoothly/style.css

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