view/theme/frost-mobile/style.css

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