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