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