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