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