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