view/theme/smoothly/style.css

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