view/theme/smoothly/style.css

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