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