view/theme/frost-mobile/style.css

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