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