view/theme/dispy-dark/style.css

   1 /*
   2  * dispy-dark
   3  *
   4  * modernised, sort of, by simon <http://simon.kisikew.org/>
   5  *
   6  */
   7
   8 /* from html5boilerplate */
   9
  10 /* these are to tell browsers they should be displayed a certain way */
  11 article, aside, details, figcaption, figure, footer,
  12 header, hgroup, nav, section {
  13     display: block;
  14 }
  15 audio, canvas, video, time {
  16     display: inline-block;
  17     *display: inline;
  18     *zoom: 1;
  19 }
  20 audio:not([controls]) {
  21     display: none;
  22 }
  23 [hidden] {
  24     display: none;
  25 }
  26
  27 /*
  28  *  Base
  29  */
  30
  31 /*
  32  * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
  33  * 2. Force vertical scrollbar in non-IE
  34  * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
  35  */
  36
  37 html {
  38     font-size: 100%;
  39     overflow-y: scroll;
  40     -webkit-text-size-adjust: 100%;
  41     -ms-text-size-adjust: 100%;
  42 }
  43 body {
  44     margin: 0;
  45     font-size: 16px;
  46     line-height: 1.1em;
  47 }
  48 body, button, input, select, textarea {
  49     font-family: sans-serif;
  50     color: #eec;
  51         /*background-color: #2e3436;*/
  52         background-color: #2e2f2e;
  53 }
  54 select {
  55         border: 1px #555 dotted;
  56         padding: 3px;
  57         margin: 2px;
  58 }
  59 option {
  60         padding: 3px;
  61         vertical-align: middle;
  62 }
  63 li {
  64         padding: 0 0 0 2px;
  65 }
  66 /* remember to define focus styles! */
  67 :focus {
  68     outline: 0;
  69 }
  70
  71 /* remember to highlight inserts somehow! */
  72 ins {
  73     background-color: #2e302e;
  74     color: #ff9;
  75     text-decoration: none;
  76 }
  77 mark {
  78     background-color: #2e302e;
  79     color: #ff9;
  80     font-style: italic;
  81     font-weight: bold;
  82 }
  83 /* Redeclare monospace font family: h5bp.com/j */
  84 pre, code, kbd, samp, .wall-item-body code {
  85     font-family: monospace, monospace;
  86     _font-family: monospace;
  87     font-size: 1em; }
  88
  89 /* Improve readability of pre-formatted text in all browsers */
  90 pre, .wall-item-body code {
  91     white-space: pre;
  92     white-space: pre-wrap;
  93     word-wrap: break-word;
  94 }
  95
  96 q {
  97     quotes: none;
  98 }
  99 q:before, q:after {
 100     content: "";
 101     content: none;
 102 }
 103 small {
 104     font-size: 85%;
 105 }
 106
 107 /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
 108 sub, sup {
 109     font-size: 75%;
 110     line-height: 0;
 111     position: relative;
 112     vertical-align: baseline;
 113 }
 114 sup {
 115     top: -0.5em;
 116 }
 117 sub {
 118     bottom: -0.25em;
 119 }
 120 img {
 121     border: 0 none;
 122     /*vertical-align: middle;*/
 123 }
 124 a {
 125     color: #88a9d2;
 126     text-decoration: none;
 127     margin-bottom: 1px;
 128 }
 129 a:hover img {
 130     text-decoration: none;
 131 }
 132 blockquote {
 133     background: #444;
 134         color: #eec;
 135     text-indent: 5px;
 136     padding: 5px;
 137     border: 1px #aaa solid;
 138     border-radius: 5px;
 139 }
 140 a:hover {
 141     color: #729fcf;
 142     border-bottom: 1px dotted #729fcf;
 143 }
 144 .required {
 145     display: inline;
 146     color: #ff0;
 147     font-size: 16px;
 148     font-weight: bold;
 149     margin: 3px;
 150 }
 151 .fakelink, .lockview {
 152     color: #729fcf;
 153     cursor: pointer;
 154 }
 155 .fakelink:hover {
 156     color: #729fcf;
 157 }
 158 input[type=submit] {
 159     background-color: #eee;
 160         color: #2e302e;
 161         font-weight: bold;
 162     margin-top: 10px;
 163     height: 22px;
 164     -webkit-border-radius: 5px;
 165     -moz-border-radius: 5px;
 166     border-radius: 5px;
 167     border: 0;
 168 }
 169 .smalltext {
 170     font-size: 0.7em;
 171 }
 172 #panel {
 173         position: absolute;
 174         font-size: 0.8em;
 175         -webkit-border-radius: 5px;
 176         -moz-border-radius: 5px;
 177         border-radius: 5px;
 178         border: 1px solid #fff;
 179         background-color: #2e302e;
 180         color: #eeeeec;
 181         padding: 1em;
 182 }
 183 .pager {
 184         margin-top: 60px;
 185         display: block;
 186         clear: both;
 187         text-align: center;
 188 }
 189 .pager span {
 190     padding: 4px;
 191     margin: 4px;
 192 }
 193 .pager_current {
 194     background-color: #729fcf;
 195     color: #fff;
 196 }
 197
 198
 199 /**
 200  * global
 201  */
 202 /* .tool .action */
 203 .action {
 204         margin: 5px 0;
 205 }
 206 .tool {
 207         margin: 5px 0;
 208         list-style: none;
 209 }
 210
 211
 212 /**
 213  *      login
 214  */
 215 #login-extra-links a {
 216     margin-right: 20px;
 217 }
 218
 219
 220 /**
 221  * nav
 222  */
 223 nav {
 224         height: 80px;
 225         display: block;
 226         background-color: #1d1f1d;
 227         color: #eeeeec;
 228         position: relative;
 229         padding: 20px 20px 10px 95px;
 230     margin-left: auto;
 231     margin-right: auto;
 232 }
 233 nav a {
 234         text-decoration: none;
 235         color: #eeeeec;
 236         border: 0px;
 237 }
 238 nav a:hover {
 239         text-decoration: none;
 240         color: #eeeeec;
 241     border: 0px;
 242 }
 243 nav #banner {
 244         display: block;
 245         position: absolute;
 246         left: 51px;
 247         top: 25px;
 248 }
 249 nav #banner #logo-text a {
 250         font-size: 40px;
 251         font-weight: bold;
 252         margin-left: 3px;
 253 }
 254 nav #user-menu {
 255     display: block;
 256     width: auto;
 257     float: right;
 258     margin: 3px 68px 0 0;
 259     position: relative;
 260         background-color: #555753;
 261     -webkit-border-radius: 5px;
 262     -moz-border-radius: 5px;
 263     border-radius: 5px;
 264     background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
 265     clear: both;
 266 }
 267 nav #user-menu-label {
 268         float: left;
 269         font-size: 12px;
 270     padding: 3px 20px 9px 5px;
 271     height: 10px;
 272 }
 273 ul#user-menu-popup {
 274         display: none;
 275         position: absolute;
 276         background-color: #555753;
 277         width: 100%;
 278     padding: 10px 0px;
 279     margin: 0px;
 280         top: 20px;
 281         left: 0;
 282         -webkit-border-radius: 0 0 5px 5px;
 283         -moz-border-radius: 0 0 5px 5px;
 284         border-radius: 0 0 5px 5px;
 285         z-index: 10000;
 286 }
 287 ul#user-menu-popup li {
 288         display: block;
 289 }
 290 ul#user-menu-popup li a {
 291         display: block;
 292         padding: 5px;
 293 }
 294 ul#user-menu-popup li a:hover {
 295         color: #2e302e;
 296         background-color: #eeeeec;
 297 }
 298 ul#user-menu-popup li a.nav-sep {
 299         border-top: 1px solid #eeeeec;
 300 }
 301 #nav-buttons {
 302     clear: both;
 303         list-style: none;
 304         padding: 0px;
 305 }
 306 #nav-buttons li {
 307         padding: 0;
 308 }
 309 nav .nav-link {
 310         float: right;
 311         display: block;
 312         width: 22px;
 313         height: 22px;
 314         overflow: hidden;
 315         margin: 0px 5px 5px;
 316         text-indent: 50px;
 317         background: transparent url(icons.png) 0 0 no-repeat;
 318 }
 319 #nav-apps-link {
 320         background-position: 0 -66px;
 321 }
 322 #nav-apps-link:hover {
 323         background-position: -22px -66px;
 324 }
 325 #nav-community-link {
 326     background-position: 0 -22px;
 327 }
 328 #nav-community-link:hover {
 329     background-position: -22px -22px;
 330 }
 331 #nav-contacts-link {
 332     background-position: 0 -22px;
 333 }
 334 #nav-contacts-link:hover {
 335     background-position: -22px -22px;
 336 }
 337 #nav-directory-link {
 338         background-position: -44px -154px;
 339 }
 340 #nav-directory-link:hover {
 341         background-position: -66px -154px;
 342 }
 343 #nav-help-link {
 344         background-position: 0 -110px;
 345 }
 346 #nav-help-link:hover {
 347         background-position: -22px -110px;
 348 }
 349 #nav-home-link {
 350     background-position: -44px -132px;
 351 }
 352 #nav-home-link:hover {
 353     background-position: -66px -132px;
 354 }
 355 #nav-intro-link {
 356         background-position: 0px -190px;
 357 }
 358 #nav-intro-link:hover {
 359         background-position: -44px -190px;
 360 }
 361 #nav-login-link {
 362         background-position: 0 -88px;
 363 }
 364 #nav-login-link:hover {
 365         background-position: -22px -88px;
 366 }
 367 #nav-logout-link {
 368         background-position: 0 -88px;
 369 }
 370 #nav-logout-link:hover {
 371         background-position: -22px -88px;
 372 }
 373 #nav-messages-link {
 374     background-position: -44px -88px;
 375 }
 376 #nav-messages-link:hover {
 377     background-position: -66px -88px;
 378 }
 379 #nav-notify-link, #nav-notifications-linkmenu {
 380     background-position: -44px -110px;
 381 }
 382 #nav-notify-link:hover {
 383     background-position: -66px -110px;
 384 }
 385 #nav-network-link {
 386     background-position: 0px -177px;
 387 }
 388 #nav-network-link:hover {
 389     background-position: -22px -177px;
 390 }
 391 #nav-search-link {
 392         background-position: 0 -44px;
 393 }
 394 #nav-search-link:hover {
 395         background-position: -22px -44px;
 396 }
 397 #profile-link,
 398 #profile-title,
 399 #wall-image-upload,
 400 #wall-file-upload,
 401 #profile-attach-wrapper,
 402 #profile-audio,
 403 #profile-link,
 404 #profile-location,
 405 #profile-nolocation,
 406 #profile-title,
 407 #jot-title,
 408 #profile-upload-wrapper,
 409 #profile-video,
 410 #profile-jot-submit,
 411 #wall-image-upload-div,
 412 #wall-file-upload-div,
 413 .icon, .hover, .focus, .pointer {
 414     cursor: pointer;
 415 }
 416 #notifications {
 417         height: 20px;
 418         width: 100%;
 419         position: absolute;
 420         top: -19px;
 421         left: 0;
 422 }
 423 /* popup notifications */
 424 div.jGrowl div.notice {
 425     background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
 426     color: #ffffff;
 427     padding-left: 58px;
 428 }
 429 div.jGrowl div.info {
 430     background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
 431     color: #ffffff;
 432     padding-left: 58px;
 433 }
 434 #nav-notifications-menu {
 435     margin: 30px 0 0 -45px;
 436     width: 300px;
 437     max-height: 400px;
 438     overflow: auto;
 439     font-size: 9pt;
 440 }
 441 #nav-notifications-menu .contactname {
 442     font-weight: bold;
 443     font-size: 0.9em;
 444 }
 445 #nav-notifications-menu img {
 446     float: left;
 447     margin-right: 5px;
 448 }
 449 #nav-notifications-menu .notif-when {
 450     font-size: 0.8em;
 451     display: block;
 452 }
 453 #nav-notifications-menu li {
 454     padding: 7px 0px 7px 10px;
 455     word-wrap: normal;
 456     border-bottom: 1px solid #000;
 457 }
 458 #nav-notifications-menu li:hover {
 459     color: black;
 460 }
 461 #nav-notifications-menu a:hover {
 462     color: black;
 463     text-decoration: underline;
 464 }
 465 nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
 466   background-image: url("../../../images/icons/22/notify_on.png");
 467 }
 468 .show {
 469     display: block;
 470 }
 471 #nav-floater {
 472     position: fixed;
 473     top: 20px;
 474     right: 1%;
 475     padding: 5px;
 476     background: #1d1f1d;
 477         color: transparent;
 478     border-radius: 5px;
 479     z-index: 100;
 480 }
 481 .floaterflip {
 482         display: block;
 483     position: fixed;
 484     z-index: 110;
 485     top: 53px;
 486     right: 19px;
 487         width: 22px;
 488         height: 22px;
 489         overflow: hidden;
 490         margin: 0px;
 491         background: transparent url(icons.png) -190px -60px no-repeat;
 492 }
 493 .search-box {
 494         display: inline-block;
 495         height: 40px;
 496         margin: 12px 0 0 -3px;
 497         position: relative;
 498         right: -12px;
 499         top: 17px;
 500         width: 0;
 501 }
 502 #search-text {
 503         border: 1px #eec solid;
 504         background: #2e2f2e;
 505         color: #eec;
 506 }
 507 .nav-ajax-update, .nav-ajax-left {
 508         width: 30px;
 509         height: 19px;
 510         background: transparent url(notifications.png) 0 0 no-repeat;
 511         color: #222;
 512         font-weight: bold;
 513         font-size: 0.8em;
 514         padding-top: 0.2em;
 515         text-align: center;
 516         float: left;
 517         margin: 0 -1px 0 3px;
 518         display: block;
 519         visibility: hidden;
 520 }
 521 .nav-ajax-update.show, .nav-ajax-left.show {
 522     visibility: visible;
 523 }
 524 #net-update {
 525         background-position: 0px 0px;
 526 }
 527 #mail-update {
 528         background-position: -30px 0;
 529 }
 530 #notify-update {
 531         background-position: -60px 0px;
 532 }
 533 #home-update {
 534         background-position: -90px 0px;
 535 }
 536 #intro-update {
 537         background-position: -120px 0px;
 538 }
 539 #lang-select-icon {
 540         cursor: pointer;
 541         position: fixed;
 542         left: 28px;
 543         bottom: 6px;
 544         z-index: 10;
 545 }
 546 #language-selector {
 547     position: fixed;
 548     bottom: 2px;
 549     left: 52px;
 550         z-index: 10;
 551 }
 552 .menu-popup {
 553     position: absolute;
 554     display: none;
 555     width: 11em;
 556     background: #ffffff;
 557     color: #2d2d2d;
 558     margin: 0px;
 559     padding: 0px;
 560     list-style: none;
 561     border: 3px solid #364e59;
 562     z-index: 100000;
 563     -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
 564     -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
 565     box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
 566 }
 567 .menu-popup a {
 568     display: block;
 569     color: #2d2d2d;
 570     padding: 5px 10px;
 571     text-decoration: none;
 572 }
 573 .menu-popup a:hover {
 574     background-color: #bdcdd4;
 575 }
 576 .menu-popup .menu-sep {
 577     border-top: 1px solid #9eabb0;
 578 }
 579 .menu-popup li {
 580     float: none;
 581     overflow: auto;
 582     height: auto;
 583     display: block;
 584 }
 585 .menu-popup li img {
 586     float: left;
 587     width: 16px;
 588     height: 16px;
 589     padding-right: 5px;
 590 }
 591 .menu-popup .empty {
 592     padding: 5px;
 593     text-align: center;
 594     color: #9eabb0;
 595 }
 596 .notif-item {
 597     font-size: small;
 598 }
 599 .notif-item a {
 600     vertical-align: middle;
 601 }
 602 .notif-image {
 603     width: 32px;
 604     height: 32px;
 605     padding: 7px 7px 0px 0px;
 606 }
 607 .notify-seen {
 608     background: #ddd;
 609 }
 610
 611 /** sysmsg **/
 612 #sysmsg_info {
 613         position: fixed;
 614         bottom: 0;
 615         -moz-box-shadow: 3px 3px 3px 10px 0 #000;
 616         -webkit-box-shadow: 3px 3px 10px 0 #000;
 617         box-shadow: 3px 3px 10px 0 #000;
 618     padding: 10px;
 619         background-color: #fcaf3e;
 620         border:2px solid #f8911b;
 621         border-bottom: 0;
 622         padding-bottom: 50px;
 623         z-index: 1000;
 624 }
 625 #sysmsg {
 626         position: fixed;
 627         bottom: 0;
 628         -moz-box-shadow: 3px 3px 10px 0 #000;
 629         -webkit-box-shadow: 3px 3px 10px 0 #000;
 630         box-shadow: 3px 3px 10px 0 #000;
 631     padding: 10px;
 632         background-color: #fcaf3e;
 633         border: 2px solid #f8911b;
 634         border-bottom: 0;
 635         padding-bottom: 50px;
 636         z-index: 1000;
 637 }
 638 #sysmsg_info br,
 639 #sysmsg br {
 640         display: block;
 641         margin: 2px 0px;
 642         border-top: 1px solid #ccccce;
 643 }
 644
 645
 646 /**
 647 * aside
 648 **/
 649 aside {
 650     position: absolute;
 651     right: 15px;
 652     width: 245px;
 653         padding-top: 15px;
 654     font-size: smaller;
 655 }
 656 .vcard .fn {
 657         font-size: 1.7em;
 658         font-weight: bold;
 659         border-bottom: 1px solid #729fcf;
 660         padding-bottom: 3px;
 661 }
 662 .vcard #profile-photo-wrapper {
 663         margin: 20px;
 664 }
 665 /* http://css-tricks.com/snippets/css/css-box-shadow/
 666  * box-shadow:
 667  * 1. The horizontal offset of the shadow, positive means
 668  * the shadow will be on the right of the box, a negative
 669  * offset will put the shadow on the left of the box.
 670  * 2. The vertical offset of the shadow, a negative one
 671  * means the box-shadow will be above the box, a
 672  * positive one means the shadow will be below the box.
 673  * 3. The blur radius (optional), if set to 0 the shadow
 674  * will be sharp, the higher the number, the more blurred
 675  * it will be.
 676  * 4. The spread radius (optional), positive values increase
 677  * the size of the shadow, negative values decrease the size.
 678  * Default is 0 (the shadow is same size as blur).
 679  * 5. Colo[u]r
 680  */
 681 .vcard #profile-photo-wrapper img {
 682         box-shadow: 3px 3px 10px 0 #000;
 683 }
 684 aside h4 {
 685         font-size: 1.2em;
 686 }
 687 aside #viewcontacts {
 688         text-align: right;
 689 }
 690 .aprofile dt {
 691         background: #eec;
 692         color: #2e2f2e;
 693         font-weight: bold;
 694     box-shadow: 1px 1px 5px 0 #000;
 695     margin: 15px 0 5px;
 696     padding-left: 5px;
 697 }
 698 #profile-extra-links ul {
 699         margin-left: 0px;
 700     padding-left: 0px;
 701     list-style: none;
 702 }
 703 #dfrn-request-link {
 704         background:#3465A4 url(connect.png) no-repeat 95% center;
 705         border-radius:5px 5px 5px 5px;
 706         color:#fff;
 707         display:block;
 708         font-size:1.2em;
 709         padding:.2em .5em;
 710 }
 711 #netsearch-box {
 712         margin: 20px 0px 30px;
 713     width: 150px;
 714 }
 715 #netsearch-box #search-submit {
 716     margin: 5px 5px 0px 0px;
 717 }
 718 .ttright {
 719         margin: 0px 0px 0px 0px;
 720 }
 721
 722
 723 /**
 724 * contacts block
 725 */
 726 .contact-block-div {
 727     width: 50px;
 728     height: 50px;
 729     float: left;
 730 }
 731 .contact-block-textdiv {
 732     width: 150px;
 733     height: 34px;
 734     float: left;
 735 }
 736 #contact-block-end {
 737     clear: both;
 738 }
 739
 740
 741 /**
 742  * jot
 743  **/
 744 #jot {
 745   /*width: 785px;*/
 746   margin: 10px 0 20px 0px;
 747   width: 100%;
 748 }
 749 #jot #jot-tools {
 750   margin: 0px;
 751   padding: 0px;
 752   height: 35px;
 753   overflow: none;
 754   width: 100%;
 755   /*background-color: #0e232e;*/
 756   /*border-bottom: 2px solid #9eabb0;*/
 757 }
 758 #jot #jot-tools span {
 759     float: left;
 760     margin: 10px 20px 2px 0px;
 761 }
 762 #jot #jot-tools span a {
 763     display: block;
 764 }
 765 #jot #jot-tools .perms {
 766     float: right;
 767     width: 40px;
 768 }
 769 #jot #jot-tools li.loading {
 770     float: right;
 771     background-color: #ffffff;
 772     width: 20px;
 773     vertical-align: center;
 774     text-align: center;
 775     border-top: 2px solid #9eabb0;
 776     height: 38px;
 777 }
 778 #jot #jot-tools li.loading img {
 779     margin-top: 10px;
 780 }
 781 #jot #jot-title {
 782         border: 1px solid #ccc;
 783     margin: 0 0 5px;
 784     height: 20px;
 785     width: 90%;
 786     font-weight: bold;
 787     border-radius: 5px;
 788         vertical-align: middle;
 789 }
 790 #jot #character-counter {
 791         width: 6%;
 792         float: right;
 793         text-align: right;
 794         height: 15px;
 795         line-height: 20px;
 796         padding: 2px 20px 5px 0;
 797 }
 798 #profile-jot-text_tbl {
 799         margin-bottom: 10px;
 800 }
 801 #profile-jot-text_ifr {
 802         width:99.900002% !important;
 803 }
 804 [id$="jot-text_ifr"] {
 805         width: 99.900002% !important;
 806         color: #2e2f2e;
 807         background: #eec;
 808 }
 809 [id$="jot-text_ifr"] .mceContentBody {
 810         color: #2e2f2e;
 811         background: #eec;
 812 }
 813 #profile-attach-wrapper,
 814 #profile-audio-wrapper,
 815 #profile-link-wrapper,
 816 #profile-location-wrapper,
 817 #profile-nolocation-wrapper,
 818 #profile-title-wrapper,
 819 #profile-upload-wrapper,
 820 #profile-video-wrapper {
 821     float: left;
 822         margin: 0 20px 0 0;
 823 }
 824 #profile-rotator-wrapper {
 825         float: right;
 826 }
 827 #profile-jot-tools-end,
 828 #profile-jot-banner-end {
 829         clear: both;
 830 }
 831 #profile-jot-email-wrapper {
 832         margin:10px 10% 0;
 833         border:1px solid #555753;
 834         border-bottom:0;
 835 }
 836 #profile-jot-email-label {
 837         background-color:#555753;
 838         color:#ccccce;
 839         padding:5px;
 840 }
 841 #profile-jot-email {
 842         width:90%;
 843         margin:5px;
 844 }
 845 #profile-jot-networks {
 846         margin: 0 10%;
 847         border: 1px solid #555753;
 848         border-top: 0;
 849         border-bottom: 0;
 850         padding: 5px;
 851 }
 852 #profile-jot-net {
 853         margin: 5px 0;
 854 }
 855 #jot-preview-link {
 856     margin: 0 0 0 10px;
 857     border: 0;
 858     text-decoration: none;
 859         float: right;
 860 }
 861 .icon-text-preview {
 862         margin: 0 0 -18px 0;
 863         display: block;
 864     width: 20px;
 865     height: 20px;
 866     background: url(icons.png) no-repeat -128px -40px;
 867     border: 0;
 868     text-decoration: none;
 869         float: right;
 870         cursor: pointer;
 871 }
 872 #profile-jot-perms {
 873         float: right;
 874     background-color: #555753;
 875     height: 22px;
 876     width: 20px;
 877     -webkit-border-radius: 5px;
 878     -moz-border-radius: 5px;
 879     border-radius: 5px;
 880     overflow: hidden;
 881     border: 0px;
 882     margin: 0 10px 0 10px;
 883 }
 884 #profile-jot-plugin-wrapper {
 885         width: 1px;
 886         margin: 10px 0 0 0;
 887         float: right;
 888 }
 889 #profile-jot-submit-wrapper {
 890         float: right;
 891         width: 100%;
 892         list-style: none;
 893         margin: 10px 0 0 0;
 894         padding: 0;
 895 }
 896 #profile-jot-submit {
 897         height: 22px;
 898         background-color: #555753;
 899         color: #eeeeec;
 900         -webkit-border-radius: 5px;
 901         -moz-border-radius: 5px;
 902         border-radius: 5px;
 903         border: 0;
 904         margin: 0;
 905         float: right;
 906 }
 907 #jot-perms-icon {
 908         height: 22px;
 909         width: 20px;
 910         -webkit-border-radius: 5px;
 911         -moz-border-radius: 5px;
 912         border-radius: 5px;
 913         overflow: hidden;
 914         border: 0;
 915 }
 916 #profile-jot-acl-wrapper {
 917         margin: 0 10px;
 918         border: 1px solid #555753;
 919         border-top: 0;
 920         display: block !important;
 921 }
 922 #group_allow_wrapper,
 923 #group_deny_wrapper,
 924 #acl-permit-outer-wrapper {
 925         width:47%;
 926         float:left;
 927 }
 928 #contact_allow_wrapper,
 929 #contact_deny_wrapper,
 930 #acl-deny-outer-wrapper {
 931         width:47%;
 932         float:right;
 933 }
 934 #acl-permit-text {
 935         background-color: #555753;
 936         color: #ccccce;
 937         padding: 5px;
 938         float: left;
 939 }
 940 #jot-public {
 941         background-color: #555753;
 942         color: #ff0000;
 943         padding: 5px;
 944         float: left;
 945 }
 946 #acl-deny-text {
 947         background-color: #555753;
 948         color: #ccccce;
 949         padding: 5px;
 950         float: left;
 951 }
 952 #acl-permit-text-end,
 953 #acl-deny-text-end {
 954         clear: both;
 955 }
 956 #jot-title-desc {
 957         color: #ccc;
 958 }
 959 #profile-jot-desc {
 960         color: #ff2000;
 961         margin: 5px 0;
 962 }
 963 #jot-title-wrapper {
 964         margin-bottom: 5px;
 965 }
 966 #jot-title-display {
 967         font-weight: bold;
 968 }
 969 .jothidden {
 970     display: none;
 971 }
 972 #jot-preview-content {
 973     background-color: #3e3f3e;
 974         color: #eec;
 975     border: 1px #eec solid;
 976     border-radius: 5px;
 977     padding: 3px 3px 6px 10px;
 978 }
 979 #jot-preview-content .wall-item-outside-wrapper {
 980         border: 0;
 981         border-radius: 0px;
 982 }
 983
 984
 985 /**
 986  * section
 987  */
 988 section {
 989     margin: 20px 8% 0 4%;
 990     font-size: 0.8em;
 991     padding-right: 230px;
 992         min-width: 475px;
 993 }
 994
 995 /** tabs **/
 996 .tabs {
 997     list-style: none;
 998     margin: 10px 0;
 999     padding: 0;
1000 }
1001 .tabs li {
1002     display: inline;
1003 }
1004 .tab {
1005     border: 1px solid #729fcf;
1006         padding: 4px;
1007 }
1008 .tab:hover {
1009     background: #88a9d2;
1010     color: #2e2f2e;
1011 }
1012 .tab:active {
1013     background: #88a9d2;
1014     color: #2e2f2e;
1015 }
1016 .tab.active {
1017         background: #88a9d2;
1018     color: #2e2f2e;
1019 }
1020 .tab a {
1021         border: 0;
1022         text-decoration: none;
1023 }
1024
1025 /**
1026  *      items
1027  */
1028 .wall-item-outside-wrapper {
1029         border: 1px solid #aaa;
1030         border-radius: 5px;
1031 }
1032 .wall-item-outside-wrapper.comment {
1033         margin-top: 5px;
1034 }
1035 .wall-item-outside-wrapper-end {
1036     clear: both;
1037 }
1038 .wall-item-content-wrapper {
1039     position: relative;
1040         padding: 10px;
1041         width: auto;
1042 }
1043 .wall-item-outside-wrapper .wall-item-comment-wrapper {
1044     /*margin-left: 90px;*/
1045 }
1046 .shiny {
1047     background: #2e3436;
1048 }
1049 .wall-outside-wrapper .shiny {
1050         border-radius: 5px;
1051 }
1052 .heart {
1053         color: red;
1054 }
1055 .wall-item-content {
1056         overflow-x: auto;
1057 }
1058 /* removing it from here, vs. putting it in .wall-item-content
1059  * might break things for people. we shall see ;) */
1060 [id^="tread-wrapper"], [class^="tread-wrapper"] {
1061     margin: 15px 0 0 0;
1062     padding: 0px;
1063         /*overflow-x: auto;*/
1064 }
1065 .wall-item-photo-menu {
1066     display: none;
1067 }
1068 .wall-item-photo-menu-button {
1069     display:none;
1070     text-indent:-99999px;
1071     background:#555753 url(menu-user-pin.jpg) no-repeat 75px center;
1072     position:absolute;
1073     overflow:hidden;
1074     height:20px;
1075     width:90px;
1076     top:85px;
1077     left:0;
1078     -webkit-border-radius:0 0 5px 5px;
1079     -moz-border-radius:0 0 5px 5px;
1080     border-radius:0 0 5px 5px;
1081 }
1082 .wall-item-info {
1083     float: left;
1084     width: 110px;
1085 }
1086 .wall-item-photo-wrapper {
1087     width: 80px;
1088     height: 80px;
1089     position: relative;
1090     padding: 5px;
1091     background-color: #555753;
1092     -webkit-border-radius: 5px;
1093     -moz-border-radius: 5px;
1094     border-radius: 5px;
1095 }
1096 [class^="wall-item-tools"] > *, [class^="wall-item-tools"] > * > * {
1097         margin: 0 0 5px 0;
1098 }
1099 .wall-item-tools {
1100     float: right;
1101     filter: alpha(opacity=35);
1102     opacity: 0.4;
1103     -webkit-transition: all 1s ease-in-out;
1104     -moz-transition: all 1s ease-in-out;
1105     -o-transition: all 1s ease-in-out;
1106     -ms-transition: all 1s ease-in-out;
1107     transition: all 1s ease-in-out;
1108 }
1109 .wall-item-tools:hover {
1110     filter: alpha(opacity=100);
1111     opacity: 1;
1112     -webkit-transition: all 1s ease-in-out;
1113     -moz-transition: all 1s ease-in-out;
1114     -o-transition: all 1s ease-in-out;
1115     -ms-transition: all 1s ease-in-out;
1116     transition: all 1s ease-in-out;
1117 }
1118 .wall-item-title {
1119         font-size: 1.2em;
1120         font-weight: bold;
1121     margin-bottom: 1em;
1122 }
1123 .wall-item-body {
1124         margin: 10px 10px 10px 0px;
1125     text-align: left;
1126 }
1127 .wall-item-lock-wrapper {
1128         float: right;
1129 }
1130 .wall-item-dislike,
1131 .wall-item-like {
1132         clear: left;
1133         font-size: 0.8em;
1134         color: #878883;
1135         margin: 5px 0 5px 120px;
1136 }
1137 .wall-item-author, .wall-item-actions-author {
1138         clear: left;
1139         font-size: 0.8em;
1140         color: #878883;
1141         margin: 20px 20px 0 110px;
1142 }
1143 .wall-item-ago {
1144         display: inline;
1145         padding-left: 10px;
1146 }
1147 .wall-item-wrapper-end {
1148         clear:both;
1149 }
1150 .wall-item-location {
1151     margin-top: 15px;
1152     width: 100px;
1153     overflow: hidden;
1154     text-overflow: ellipsis;
1155     -o-text-overflow: ellipsis;
1156 }
1157 .wall-item-location .icon {
1158     float: left;
1159 }
1160 .wall-item-location > a {
1161     margin-left: 25px;
1162     font-size: 0.7em;
1163     display: block;
1164 }
1165 .wall-item-location .smalltext {
1166     margin-left: 25px;
1167     font-size: 0.7em;
1168     display: block;
1169 }
1170 .wall-item-location > br {
1171     display: none;
1172 }
1173 .wallwall .wwto {
1174     left: 5px;
1175     margin: 0;
1176     position: absolute;
1177     top: 75px;
1178     width: 30px;
1179     z-index: 10001;
1180     width: 30px;
1181     height: 30px;
1182 }
1183 .wallwall .wwto img {
1184     width: 30px !important;
1185     height: 30px !important;
1186 }
1187 .wallwall .wall-item-photo-end {
1188     clear: both;
1189 }
1190 .wall-item-arrowphoto-wrapper {
1191     position: absolute;
1192     left: 35px;
1193     top: 80px;
1194     z-index: 10002;
1195 }
1196 .wall-item-photo-menu {
1197         min-width: 92px;
1198         border: 2px solid #FFFFFF;
1199         border-top: 0px;
1200         background: #555753;
1201         position: absolute;
1202         left: -2px; top: 101px;
1203         display: none;
1204         z-index: 10003;
1205         -webkit-border-radius: 0px 5px 5px 5px;
1206         -moz-border-radius: 0px 5px 5px 5px;
1207         border-radius: 0px 5px 5px 5px;
1208 }
1209 .wall-item-photo-menu ul {
1210     margin:0px;
1211     padding: 0px;
1212     list-style: none;
1213 }
1214 .wall-item-photo-menu li a {
1215     white-space: nowrap;
1216     display: block;
1217     padding: 5px 2px;
1218     color: #eeeeec;
1219 }
1220 .wall-item-photo-menu li a:hover {
1221     color: #555753;
1222     background: #eeeeec;
1223 }
1224 #item-delete-selected {
1225     overflow: auto;
1226     width: 100%;
1227 }
1228
1229
1230 /**
1231  *      comment
1232  */
1233 .ccollapse-wrapper {
1234     font-size: 0.9em;
1235     margin-left: 80px;
1236 }
1237
1238 .wall-item-outside-wrapper.comment {
1239     margin-left: 80px;
1240 }
1241 .wall-item-outside-wrapper.comment .wall-item-photo {
1242     width: 40px!important;
1243     height: 40px!important;
1244 }
1245 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1246     width: 40px;
1247     height: 40px;
1248 }
1249 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1250         width: 50px;
1251     top: 45px;
1252     background-position: 35px center;
1253 }
1254 .wall-item-outside-wrapper.comment .wall-item-info {
1255     width: 60px;
1256 }
1257 .wall-item-outside-wrapper.comment .wall-item-body {
1258     margin-left: 10px;
1259 }
1260 .wall-item-outside-wrapper.comment .wall-item-author {
1261     margin-left: 50px;
1262 }
1263
1264 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1265     min-width: 50px;
1266     top: 60px;
1267 }
1268 .comment-wwedit-wrapper {
1269     /*margin: 30px 0px 0px 80px;*/
1270 }
1271 .comment-edit-wrapper {
1272     border-top: 1px #aaa solid;
1273 }
1274 .comment-wwedit-wrapper img,
1275 .comment-edit-wrapper img {
1276         width: 20px;
1277         height: 20px;
1278 }
1279 .comment-edit-photo-link, .comment-edit-photo {
1280         float: left;
1281         margin-left: 10px;
1282 }
1283 .my-comment-photo {
1284     width: 40px;
1285     height: 40px;
1286     padding: 5px;
1287 }
1288 [class^="comment-edit-text"] {
1289     margin: 5px 0 10px 20px;
1290     width: 84.5%;
1291 }
1292 .comment-edit-text-empty {
1293         height: 20px;
1294         border: 2px #c8bebe solid;
1295         border-radius: 5px;
1296         color: #c8bebe;
1297         -webkit-transition: all 0.5s ease-in-out;
1298         -moz-transition: all 0.5s ease-in-out;
1299         -o-transition: all 0.5s ease-in-out;
1300         -ms-transition: all 0.5s ease-in-out;
1301         transition: all 0.5s ease-in-out;
1302 }
1303 .comment-edit-text-empty:hover {
1304         color: #999999;
1305 }
1306 .comment-edit-text-full {
1307         height: 10em;
1308     border-radius: 5px;
1309         -webkit-transition: all 0.5s ease-in-out;
1310         -moz-transition: all 0.5s ease-in-out;
1311         -o-transition: all 0.5s ease-in-out;
1312         -ms-transition: all 0.5s ease-in-out;
1313         transition: all 0.5s ease-in-out;
1314 }
1315 .comment-edit-submit-wrapper {
1316         width: 90%;
1317         margin: 5px 5px 10px 50px;
1318         text-align: right;
1319 }
1320 .comment-edit-submit {
1321     height: 22px;
1322     background-color: #555753;
1323     color: #eeeeec;
1324     -webkit-border-radius: 5px;
1325     -moz-border-radius: 5px;
1326     border-radius: 5px;
1327     border: 0;
1328 }
1329
1330
1331 /**
1332  * item text style
1333  **/
1334 .wall-item-body code {
1335         display: block;
1336         padding: 0 0 10px 5px;
1337         border-color: #ccc;
1338         border-style: solid;
1339         border-width: 1px 1px 1px 10px;
1340         background: #eee;
1341         color: #2e2f2e;
1342         width: 95%;
1343 }
1344
1345
1346 /**
1347  * profile
1348  **/
1349 div[id$="text"] {
1350     font-weight: bold;
1351     border-bottom: 1px solid #ccc;
1352 }
1353 div[id$="wrapper"] {
1354     height: 100%;
1355     margin-bottom: 1em;
1356 }
1357 div[id$="wrapper"] br {
1358     clear: left;
1359 }
1360 #advanced-profile-with {
1361     margin-left: 200px;
1362 }
1363
1364
1365 /**
1366  * photos
1367  **/
1368 .photos {
1369         height: auto;
1370         overflow: auto;
1371 }
1372 #photo-top-links {
1373     margin-bottom: 30px;
1374 }
1375 .photo-album-image-wrapper,
1376 .photo-top-image-wrapper {
1377     float: left;
1378     -moz-box-shadow: 3px 3px 10px 0 #000;
1379     -webkit-box-shadow: 3px 3px 10px 0 #000;
1380     box-shadow: 3px 3px 10px 0 #000;
1381     background-color: #222;
1382         color: #2e2f2e;
1383     -webkit-border-radius: 5px;
1384     -moz-border-radius: 5px;
1385     border-radius: 5px;
1386     padding-bottom: 30px;
1387     position: relative;
1388     margin: 0 10px 10px 0;
1389 }
1390
1391 #photo-photo {
1392     max-width: 100%;
1393 }
1394 #photo-photo img {
1395     max-width: 100%;
1396 }
1397 .photo-top-image-wrapper a:hover,
1398 #photo-photo a:hover,
1399 .photo-album-image-wrapper a:hover {
1400     border-bottom: 0;
1401 }
1402 .photo-top-photo,.photo-album-photo {
1403     -webkit-border-radius:5px 5px 0 0;
1404     -moz-border-radius:5px 5px 0 0;
1405     border-radius:5px 5px 0 0;
1406 }
1407 .photo-top-album-name {
1408     position: absolute;
1409     bottom: 0;
1410     padding: 0 5px;
1411 }
1412 .caption {
1413     position: absolute;
1414     bottom: 0;
1415     margin: 0 5px;
1416 }
1417 #photo-photo {
1418         position: relative;
1419         float:left;
1420 }
1421 #photo-photo-end {
1422     clear: both;
1423 }
1424 #photo-prev-link,
1425 #photo-next-link {
1426     position:absolute;
1427     width:30%;
1428     height:100%;
1429     background-color:rgba(255,255,255,0.5);
1430     opacity:0;
1431     -webkit-transition:all .2s ease-in-out;
1432     -moz-transition:all .2s ease-in-out;
1433     -o-transition:all .2s ease-in-out;
1434     -ms-transition:all .2s ease-in-out;
1435     transition:all .2s ease-in-out;
1436     background-position:center center;
1437     background-repeat:no-repeat;
1438 }
1439 #photo-prev-link {
1440     left:0;
1441     top:0;
1442     background-image:url(prev.png);
1443 }
1444 #photo-next-link {
1445     right:0;
1446     top:0;
1447     background-image:url(next.png);
1448 }
1449
1450 #photo-prev-link a,#photo-next-link a {
1451     display:block;
1452     width:100%;
1453     height:100%;
1454     overflow:hidden;
1455     text-indent:-900000px;
1456 }
1457 #photo-prev-link:hover,
1458 #photo-next-link:hover {
1459     opacity:1;
1460     -webkit-transition:all .2s ease-in-out;
1461     -moz-transition:all .2s ease-in-out;
1462     -o-transition:all .2s ease-in-out;
1463     -ms-transition:all .2s ease-in-out;
1464     transition:all .2s ease-in-out;
1465 }
1466 #photo-next-link .icon,
1467 #photo-prev-link .icon {
1468     display: none;
1469 }
1470 #photos-upload-spacer,
1471 #photos-upload-new-wrapper,
1472 #photos-upload-exist-wrapper {
1473     margin-bottom: 1em;
1474 }
1475 #photos-upload-existing-album-text,
1476 #photos-upload-newalbum-div {
1477     background-color:#555753;
1478     color:#eeeeec;
1479     padding:1px;
1480 }
1481 #photos-upload-album-select,
1482 #photos-upload-newalbum {
1483     width: 99%;
1484 }
1485 #photos-upload-perms-menu {
1486     text-align: right;
1487 }
1488 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1489     float: left;
1490     margin-bottom: 25px;
1491 }
1492 #photo-edit-link-wrap {
1493     margin-bottom: 15px;
1494 }
1495 #photo-edit-caption {
1496         width: 100%;
1497 }
1498 #photo-edit-newtag {
1499         width: 100%;
1500 }
1501 #photo-like-div {
1502     margin-bottom: 25px;
1503 }
1504 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1505     clear: both;
1506 }
1507 #photo-edit-delete-button {
1508     margin-left: 200px;
1509 }
1510 #photo-edit-end {
1511     margin-bottom: 35px;
1512 }
1513 #photo-caption {
1514     font-size: 110%;
1515     font-weight: bold;
1516     margin-top: 15px;
1517     margin-bottom: 15px;
1518 }
1519
1520 /**
1521  *      message
1522  */
1523 .prvmail-text {
1524     width: 100%;
1525 }
1526 #prvmail-subject {
1527     width: 100%;
1528         color: #2e2f2e;
1529         background: #eec;
1530 }
1531 #prvmail-submit-wrapper {
1532     margin-top: 10px;
1533 }
1534 #prvmail-submit {
1535     float:right;
1536     margin-top: 0;
1537 }
1538 #prvmail-submit-wrapper > div {
1539     margin-right:5px;
1540     float:left;
1541 }
1542 .mail-list-outside-wrapper {
1543     margin-top: 20px;
1544 }
1545 .mail-list-sender {
1546     float: left;
1547 }
1548 .mail-list-detail {
1549     margin-left: 90px;
1550 }
1551 .mail-list-sender-name {
1552     display: inline;
1553         font-size: 1.1em;
1554 }
1555 .mail-list-date {
1556     display: inline;
1557     font-size: 0.9em;
1558     padding-left: 10px;
1559 }
1560 .mail-list-sender-name, .mail-list-date {
1561         font-style: italic;
1562 }
1563 .mail-list-subject {
1564     font-size: 1.2em;
1565 }
1566 .mail-list-delete-wrapper {
1567     float: right;
1568 }
1569 .mail-list-outside-wrapper-end {
1570     clear: both;
1571         border-bottom: 1px #eec dotted;
1572 }
1573 .mail-conv-sender {
1574     float: left;
1575     margin: 0px 5px 5px 0px;
1576 }
1577 .mail-conv-sender-photo {
1578     width: 32px;
1579     height: 32px;
1580 }
1581 .mail-conv-sender-name {
1582     float: left;
1583 }
1584 .mail-conv-date {
1585     float: right;
1586 }
1587 .mail-conv-subject {
1588     clear: right;
1589     font-weight: bold;
1590     font-size: 1.2em;
1591 }
1592 .mail-conv-body {
1593     clear: both;
1594 }
1595 .mail-conv-delete-wrapper {
1596     margin-top: 5px;
1597 }
1598
1599
1600 /**
1601  *      contacts
1602  */
1603 .view-contact-wrapper,
1604 .contact-entry-wrapper {
1605     float: left;
1606     margin: 0 5px 40px 0;
1607     width: 120px;
1608         height: 120px;
1609         padding: 3px;
1610     position: relative;
1611 }
1612 .contact-direction-wrapper {
1613     position: absolute;
1614     top: 20px;
1615 }
1616 .contact-edit-links {
1617     position: absolute;
1618     top: 60px;
1619 }
1620 .contact-entry-photo-wrapper {
1621
1622 }
1623 .contact-entry-photo {
1624         margin-left: 20px;
1625 }
1626 .contact-entry-name {
1627     width: 120px;
1628     font-weight: bold;
1629     /*overflow: hidden;*/
1630 }
1631 .contact-entry-photo {
1632         position: relative;
1633 }
1634 .contact-entry-edit-links .icon {
1635     border: 1px solid #babdb6;
1636     -webkit-border-radius: 3px;
1637     -moz-border-radius: 3px;
1638     border-radius: 3px;
1639     background-color: #fff;
1640 }
1641 #contact-entry-url, [id^="contact-entry-url"] {
1642     font-size: smaller;
1643     /*overflow: scroll;*/
1644 }
1645 #contact-entry-network, [id^="contact-entry-network"] {
1646     font-size: smaller;
1647     font-style: italic;
1648 }
1649 #contact-edit-banner-name {
1650     font-size: 1.5em;
1651 }
1652 #contact-edit-photo-wrapper {
1653     position: relative;
1654     float: left;
1655     padding: 20px;
1656 }
1657 #contact-edit-direction-icon {
1658     position:absolute;
1659     top:60px;
1660     left:0;
1661 }
1662 #contact-edit-nav-wrapper {
1663     margin-left: 0px;
1664 }
1665 #contact-edit-links {
1666     margin-top: 23px;
1667 }
1668 #contact-edit-links ul {
1669     list-style-type: none;
1670 }
1671 #contact-drop-links {
1672     margin-left:5px;
1673 }
1674 #contact-edit-nav-wrapper .icon {
1675         border: 1px solid #babdb6;
1676     -webkit-border-radius: 3px;
1677     -moz-border-radius: 3px;
1678     border-radius: 3px;
1679 }
1680 #contact-edit-poll-wrapper {
1681     margin-left: 0px;
1682 }
1683 #contact-edit-last-update-text {
1684     margin-bottom: 15px;
1685 }
1686 #contact-edit-last-updated {
1687     font-weight: bold;
1688 }
1689 #contact-edit-poll-text {
1690     display: inline;
1691 }
1692 #contact-edit-info_tbl, #contact-edit-info_parent {
1693     width: 100%;
1694 }
1695 .mceLayout {
1696     width: 100%;
1697 }
1698 #contact-edit-end {
1699     clear: both;
1700     margin-bottom: 65px;
1701 }
1702
1703 .contact-photo-menu-button {
1704     position: absolute;
1705     background-image: url("photo-menu.jpg");
1706     background-position: top left;
1707     background-repeat: no-repeat;
1708     margin: 0px; padding: 0px;
1709     width: 16px;
1710     height: 16px;
1711     top: 64px; left:0px;
1712     overflow: hidden;
1713     text-indent: 40px;
1714     display: none;
1715 }
1716 .contact-photo-menu {
1717     width: auto;
1718     border: 2px solid #444;
1719     background: #2e2f2e;
1720         color: #eec;
1721     position: absolute;
1722     left: 0px; top: 90px;
1723     display: none;
1724     z-index: 10000;
1725 }
1726 .contact-photo-menu ul {
1727     margin:0px;
1728     padding: 0px;
1729     list-style: none;
1730 }
1731 .contact-photo-menu li a {
1732     display: block;
1733     padding: 2px;
1734 }
1735 .contact-photo-menu li a:hover {
1736     color: #fff;
1737     background: #3465A4;
1738     text-decoration: none;
1739 }
1740
1741
1742 /**
1743  *      register, settings & profile forms
1744  */
1745 #id_openid_url,
1746 .openid {
1747     background:url(login-bg.gif) no-repeat;
1748     background-position:0 50%;
1749     padding-left:18px;
1750 }
1751
1752 #settings-nickname-desc {
1753     background-color: #eec;
1754     -webkit-border-radius: 5px;
1755     -moz-border-radius: 5px;
1756     border-radius: 5px;
1757     padding: 5px;
1758         color: #111;
1759 }
1760 #settings-default-perms {
1761     margin-bottom: 20px;
1762 }
1763 #register-form div,
1764 #profile-edit-form div {
1765     clear: both;
1766 }
1767
1768 /*#register-form label,     */
1769 /*#profile-edit-form label {*/
1770 /*    width: 300px;         */
1771 /*    float: left;          */
1772 /*}                         */
1773
1774 /*#register-form span,     */
1775 /*#profile-edit-form span {*/
1776 /*    color: #555753;      */
1777 /*    display: block;      */
1778 /*    margin-bottom: 20px; */
1779 /*}                        */
1780 #profile-edit-marital-label span {
1781         margin: -4px;
1782 }
1783 .settings-submit-wrapper,
1784 .profile-edit-submit-wrapper {
1785     margin: 30px 0px;
1786 }
1787 .profile-edit-side-div {
1788         /*background: #111;
1789         border-radius: 5px 5px 0px 0px;
1790         margin: 0px 0px 0px 0px;
1791         width: 100px;
1792         height: 25px;
1793         position: absolute;*/
1794         display: none;
1795         /*left: 35%;
1796         top: 41%;
1797         cursor: pointer;*/
1798 }
1799 /*.profile-edit-side-div:hover {
1800         display: block;
1801 }
1802 .profile-edit-side-link {
1803         margin: 3px 0px 0px 70px;
1804 }*/
1805 #profiles-menu-trigger {
1806         margin: 0px 0px 0px 25px;
1807 }
1808 .profile-listing {
1809     float: left;
1810     margin: 20px 20px 0px 0px;
1811 }
1812 .icon-profile-edit {
1813     background: url("icons.png") -150px 0px no-repeat;
1814     border: 0;
1815         cursor: pointer;
1816     display: block;
1817     float: right;
1818         width: 20px;
1819     height: 20px;
1820     margin: 0 0 -18px;
1821         position: absolute;
1822     text-decoration: none;
1823         top: 18px;
1824         right: 226px;
1825 }
1826 #profile-edit-links ul {
1827     margin: 20px 0;
1828     padding: 0;
1829     list-style: none;
1830 }
1831 .marital {
1832         margin-top: 5px;
1833 }
1834 #register-sitename {
1835     display: inline;
1836     font-weight: bold;
1837 }
1838 #advanced-expire-popup {
1839         background: #2e2f2e;
1840         color: #eec;
1841 }
1842 #id_ssl_policy {
1843         width: 374px;
1844 }
1845
1846
1847 /**
1848  *      contacts selector
1849  */
1850 .group-delete-wrapper {
1851         margin: -31px 50px 0 0;
1852     float: right;
1853 }
1854 /*.group-delete-icon {
1855     margin: 0 0 0 10px;
1856 }*/
1857 #group-edit-submit-wrapper {
1858     margin: 0 0 10px 0;
1859     display: inline;
1860 }
1861 #group-edit-desc {
1862     margin: 10px 0px;
1863 }
1864 #group-members,
1865 #prof-members {
1866     height:200px;
1867     overflow:auto;
1868     border:1px solid #555753;
1869     -webkit-border-radius:5px 5px 0 0;
1870     -moz-border-radius:5px 5px 0 0;
1871     border-radius:5px 5px 0 0;
1872 }
1873 #group-all-contacts,
1874 #prof-all-contacts {
1875     height:200px;
1876     overflow:auto;
1877     border:1px solid #555753;
1878     -webkit-border-radius:0 0 5px 5px;
1879     -moz-border-radius:0 0 5px 5px;
1880     border-radius:0 0 5px 5px;
1881 }
1882 #group-members h3,
1883 #group-all-contacts h3,
1884 #prof-members h3,
1885 #prof-all-contacts h3 {
1886     color:#eeeeec;
1887     background-color:#555753;
1888     margin:0;
1889     padding:5px;
1890 }
1891 #group-separator,
1892 #prof-separator {
1893     display: none;
1894 }
1895
1896
1897 /**
1898  * profile
1899  */
1900 #cropimage-wrapper {
1901     float:left;
1902 }
1903 #crop-image-form {
1904     clear:both;
1905 }
1906
1907
1908 /**
1909  * intros
1910  */
1911 .intro-wrapper {
1912     margin-top: 20px;
1913 }
1914
1915 .intro-fullname {
1916     font-size: 1.1em;
1917     font-weight: bold;
1918
1919 }
1920 .intro-desc {
1921     margin-bottom: 20px;
1922     font-weight: bold;
1923 }
1924
1925 .intro-note {
1926     padding: 10px;
1927 }
1928
1929 .intro-end {
1930     padding: 30px;
1931 }
1932
1933 .intro-form {
1934     float: left;
1935 }
1936 .intro-approve-form {
1937     clear: both;
1938 }
1939 .intro-approve-as-friend-end {
1940     clear: both;
1941 }
1942 .intro-submit-approve, .intro-submit-ignore {
1943     margin-right: 20px;
1944 }
1945 .intro-submit-approve {
1946     margin-top: 15px;
1947 }
1948
1949 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
1950     float: left;
1951 }
1952 .intro-approve-as-friend, .intro-approve-as-fan {
1953     float: left;
1954 }
1955 .intro-form-end {
1956     clear: both;
1957     margin-bottom: 10px;
1958 }
1959 .intro-approve-as-friend-desc {
1960     margin-top: 10px;
1961 }
1962 .intro-approve-as-end {
1963     clear: both;
1964     margin-bottom: 10px;
1965 }
1966
1967 .intro-end {
1968     clear: both;
1969 }
1970
1971
1972 /**
1973  * events
1974  **/
1975 .clear { clear: both; }
1976 .eventcal {
1977     float:left;
1978     font-size:20px;
1979 }
1980 .vevent {
1981     border:1px solid #ccc;
1982 }
1983 .vevent .event-description, .vevent .event-location {
1984         margin-left: 10px;
1985         margin-right: 10px;
1986 }
1987 .vevent .event-start {
1988         margin-left: 10px;
1989         margin-right: 10px;
1990 }
1991
1992 #new-event-link {
1993         margin-bottom: 10px;
1994 }
1995 .edit-event-link, .plink-event-link {
1996         float: left;
1997         margin-top: 4px;
1998         margin-right: 4px;
1999         margin-bottom: 15px;
2000 }
2001 .event-description:before {
2002         content: url('../../../images/calendar.png');
2003         margin-right: 15px;
2004 }
2005 .event-start, .event-end {
2006         margin-left: 10px;
2007         width: 330px;
2008 }
2009 .event-start .dtstart, .event-end .dtend {
2010         float: right;
2011 }
2012 .event-list-date {
2013         margin-bottom: 10px;
2014 }
2015 .prevcal, .nextcal {
2016         float: left;
2017         margin-left: 32px;
2018         margin-right: 32px;
2019         margin-top: 64px;
2020 }
2021 .event-calendar-end {
2022         clear: both;
2023 }
2024 .calendar {
2025     font-family: monospace;
2026 }
2027 .today {
2028         font-weight: bold;
2029         color: #FF0000;
2030 }
2031 #event-start-text,
2032 #event-finish-text {
2033         margin-top: 10px;
2034         margin-bottom: 5px;
2035 }
2036 #event-nofinish-checkbox,
2037 #event-nofinish-text,
2038 #event-adjust-checkbox,
2039 #event-adjust-text,
2040 #event-share-checkbox {
2041     float:left;
2042 }
2043 #event-datetime-break {
2044         margin-bottom: 10px;
2045 }
2046 #event-nofinish-break,
2047 #event-adjust-break,
2048 #event-share-break {
2049         clear: both;
2050 }
2051 #event-desc-text,
2052 #event-location-text {
2053         margin-top: 10px;
2054         margin-bottom: 5px;
2055 }
2056 #event-submit {
2057         margin-top: 10px;
2058 }
2059 .body-tag {
2060         margin: 10px 0;
2061         opacity: 0.5;
2062         filter:alpha(opacity=50);
2063 }
2064 .body-tag:hover {
2065         opacity: 1.0 !important;
2066         filter:alpha(opacity=100) !important;
2067 }
2068 .filesavetags {
2069         margin: 20px 0;
2070         opacity: 0.5;
2071         filter:alpha(opacity=50);
2072 }
2073 .filesavetags:hover {
2074         margin: 20px 0;
2075         opacity: 1.0 !important;
2076         filter:alpha(opacity=100) !important;
2077 }
2078 .item-select {
2079         opacity: 0.1;
2080         filter:alpha(opacity=10);
2081         float: right;
2082         margin-right: 10px;
2083
2084 }
2085 .item-select:hover, .checkeditem {
2086         opacity: 1;
2087         filter:alpha(opacity=100);
2088 }
2089 #item-delete-selected {
2090         margin-top: 30px;
2091 }
2092 /* was tired of having no way of moving it around, so
2093  * here's a little 'hook' to do so */
2094 .delete-checked {
2095         position: absolute;
2096         left: 35px;
2097         margin-top: 20px;
2098 }
2099 #item-delete-selected-end {
2100         clear: both;
2101 }
2102 #item-delete-selected-icon, #item-delete-selected-desc {
2103         float: left;
2104         margin-right: 5px;
2105 }
2106 #item-delete-selected-desc:hover {
2107         text-decoration: underline;
2108 }
2109
2110
2111 /**
2112  *      directory
2113  */
2114 .directory-item {
2115     float: left;
2116         /*margin: 50px 50px 0px 0px;*/
2117         margin: 0 5px 4px 0;
2118         padding: 3px;
2119         width: 180px;
2120         height: 250px;
2121     position: relative;
2122 }
2123
2124
2125 /**
2126  * sidebar
2127  */
2128 #group-sidebar {
2129     margin-bottom: 10px;
2130 }
2131 .group-selected, .nets-selected, .fileas-selected {
2132     padding: 3px;
2133         color: #2e2f2e;
2134     background: #88a9d2;
2135     font-weight: bold;
2136 }
2137 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2138         color: #2e2f2e;
2139 }
2140 .groupsideedit {
2141     margin-right: 10px;
2142 }
2143 #sidebar-group-ul {
2144     padding-left: 0;
2145 }
2146 #sidebar-group-list {
2147     margin: 0 0 5px 0;
2148 }
2149 #sidebar-group-list ul {
2150     list-style-type: none;
2151     list-style-position: inside;
2152 }
2153 #sidebar-group-list li {
2154     margin-top: 10px;
2155 }
2156 #sidebar-group-list .icon {
2157     display: inline-block;
2158     height: 12px;
2159     width: 12px;
2160 }
2161 #sidebar-new-group {
2162     margin: auto;
2163     display: inline-block;
2164     color: #efefef;
2165     text-decoration: none;
2166     text-align: center;
2167 }
2168 #peoplefind-sidebar form {
2169         margin-bottom: 10px;
2170 }
2171 #sidebar-new-group:hover {
2172     /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2173     /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2174     /*background-color: #b20202;*/
2175 }
2176
2177 #sidebar-new-group:active {
2178     position: relative;
2179     top: 1px;
2180 }
2181 #side-peoplefind-url {
2182     background-color: #2e2f2e;
2183     color: #eec;
2184         border: 1px 999 solid;
2185         margin-right: 3px;
2186         width: 75%;
2187 }
2188 #side-peoplefind-url:hover, #side-peoplefind-url:focus {
2189     background-color: #efefef;
2190     color: #222;
2191         border: 1px 333 solid;
2192 }
2193 .nets-ul {
2194     list-style-type: none;
2195     padding-left: 0px;
2196 }
2197 .nets-ul li {
2198     margin: 10px 0 0;
2199 }
2200
2201 .nets-link {
2202     margin-left: 0px;
2203 }
2204 .nets-all {
2205     margin-left: 0px;
2206 }
2207
2208
2209 /**
2210  * ADMIN
2211  */
2212 #pending-update {
2213     float:right;
2214     color: #fff;
2215     font-weight: bold;
2216     background-color: #ff0000;
2217     padding: 0 .3em;
2218 }
2219 .admin.linklist {
2220     border: 0; padding: 0;
2221 }
2222 .admin.link {
2223     list-style-position: inside;
2224 }
2225 #adminpage dl {
2226     clear:left;
2227     margin-bottom: 2px;
2228     padding-bottom: 2px;
2229     border-bottom: 1px solid #000;
2230 }
2231 #adminpage dt {
2232     width: 250px;
2233     float: left;
2234     font-weight: bold;
2235 }
2236 #adminpage dd {
2237         margin-left: 250px;
2238 }
2239 #adminpage h3 {
2240     border-bottom:1px solid #ccc;
2241 }
2242
2243 #adminpage .submit {
2244         clear:left;
2245 }
2246
2247 #adminpage #pluginslist {
2248     margin: 0;
2249     padding: 0;
2250 }
2251 #adminpage .plugin {
2252     list-style: none;
2253     display: block;
2254     border: 1px solid #888;
2255     padding: 1em;
2256     margin-bottom: 5px;
2257     clear: left;
2258 }
2259 #adminpage .toggleplugin {
2260         float:left;
2261         margin-right: 1em;
2262 }
2263
2264 #adminpage table {
2265     width: 100%;
2266     border-bottom: 1px solid #000;
2267     margin: 5px 0;
2268 }
2269 #adminpage table th {
2270     text-align: left;
2271 }
2272 #adminpage td .icon {
2273     float: left;
2274 }
2275 #adminpage table#users img {
2276     width: 16px; height: 16px;
2277 }
2278 #adminpage table tr:hover {
2279         color: #2e2f2e;
2280     background-color: #eec;
2281 }
2282 #adminpage .selectall {
2283     text-align: right;
2284 }
2285 #adminpage #users a {
2286         color: #2e2f2e;
2287         text-decoration: underline;
2288 }
2289
2290 /**
2291  * Form fields
2292  */
2293 .field {
2294         /*margin-bottom: 10px;*/
2295         /*padding-bottom: 10px;*/
2296     overflow: auto;
2297     width: 100%;
2298 }
2299 .field label, label {
2300     float: left;
2301     width: 275px;
2302         display: block;
2303         font-size: 1.077em;
2304         /*font-weight: bold;*/
2305         margin: 0 10px 0.5em 0;
2306         border: 1px #2e2f2e solid;
2307         padding: 5px;
2308         background: #eec;
2309         vertical-align: middle;
2310         color: #111;
2311 }
2312 .field input, input[type="text"] {
2313         width: 250px;
2314         height: 25px;
2315         border: 1px #999 solid;
2316 }
2317 .field textarea {
2318     width: 80%;
2319     height: 100px;
2320 }
2321 .field_help {
2322     display: block;
2323     margin-left: 297px;
2324     color: #aaa;
2325 }
2326 .field .onoff {
2327     float: left;
2328     width: 80px;
2329 }
2330 .field .onoff a {
2331     display: block;
2332     border: 1px solid #666;
2333     padding: 3px 6px 4px 10px;
2334     height: 16px;
2335     text-decoration: none;
2336 }
2337 .field .onoff .on {
2338         background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999;
2339     color: #111;
2340     text-align: left;
2341 }
2342 .field .onoff .off {
2343         background: url("../../../images/onoff.jpg") no-repeat 2px 1px #ccc;
2344     color: #333;
2345     text-align: right;
2346 }
2347 .hidden {
2348     display:none !important;
2349 }
2350 .field.radio .field_help {
2351     margin-left: 297px;
2352 }
2353
2354
2355 /*
2356  * UPDATE
2357  */
2358 .popup {
2359         width: 100%;
2360     height: 100%;
2361         top: 0px;
2362     left: 0px;
2363         position: absolute;
2364         display: none;
2365 }
2366 .popup .background {
2367         background-color: rgba(0,0,0,128);
2368         opacity: 0.5;
2369         width: 100%;
2370     height: 100%;
2371         position: absolute;
2372         top:0px;
2373     left:0px;
2374 }
2375 .popup .panel {
2376         top: 25%;
2377     left: 25%;
2378     width: 50%;
2379     height: 50%;
2380         padding: 1em;
2381         position: absolute;
2382         border: 4px solid #000000;
2383         background-color: #FFFFFF;
2384 }
2385 #panel {
2386     z-index: 100;
2387 }
2388 .grey {
2389     color: grey;
2390 }
2391 .orange {
2392     color: orange;
2393 }
2394 .red {
2395     color: red;
2396 }
2397 .popup .panel .panel_text {
2398     display: block;
2399     overflow: auto;
2400     height: 80%;
2401 }
2402 .popup .panel .panel_in {
2403     width: 100%;
2404     height: 100%;
2405     position: relative;
2406 }
2407 .popup .panel .panel_actions {
2408     width: 100%;
2409     bottom: 4px;
2410     left: 0px;
2411     position: absolute;
2412 }
2413 .panel_text .progress {
2414     width: 50%;
2415     overflow: hidden;
2416     height: auto;
2417     border: 1px solid #cccccc;
2418     margin-bottom: 5px;
2419 }
2420 .panel_text .progress span {
2421     float: right;
2422     display: block;
2423     width: 25%;
2424     background-color: #eeeeee;
2425     text-align: right;
2426 }
2427
2428 /**
2429  * OAuth
2430  */
2431 .oauthapp {
2432         height: auto;
2433     overflow: auto;
2434         border-bottom: 2px solid #cccccc;
2435         padding-bottom: 1em;
2436         margin-bottom: 1em;
2437 }
2438 .oauthapp img {
2439         float: left;
2440         width: 48px; height: 48px;
2441         margin: 10px;
2442 }
2443 .oauthapp img.noicon {
2444         background-image: url("../../../images/icons/48/plugin.png");
2445         background-position: center center;
2446         background-repeat: no-repeat;
2447 }
2448 .oauthapp a {
2449         float: left;
2450 }
2451
2452
2453 /**
2454  * ICONS
2455  */
2456 .iconspacer {
2457         display: block;
2458     width: 16px;
2459     height: 16px;
2460 }
2461 .icon {
2462     display: block;
2463     width: 20px;
2464     height: 20px;
2465     background: url(icons.png) no-repeat;
2466     border: 0;
2467     text-decoration: none;
2468         border-radius: 5px;
2469 }
2470 .icon:hover {
2471     border: 0;
2472     text-decoration: none;
2473 }
2474 .icon.drop,
2475 .icon.drophide, .icon.delete {
2476     float: left;
2477 }
2478 .icon.s22.delete {
2479         display: block;
2480         background-position: -110px 0;
2481 }
2482 .icon.s22.text {
2483         padding: 10px 0px 0px 25px;
2484         width: 200px;
2485 }
2486 .icon.text {
2487     text-indent: 0px;
2488 }
2489 .icon.s16 {
2490     min-width: 16px;
2491     height: 16px;
2492 }
2493 .s16 .add {
2494     background: url("../../../images/icons/16/add.png") no-repeat;
2495 }
2496 .add {
2497     margin: 0px 5px;
2498 }
2499 .article {
2500         background-position: -50px 0;
2501 }
2502 .audio {
2503         background-position: -70px 0;
2504 }
2505 .block {
2506         background-position: -90px 0px;
2507 }
2508 .drop, .delete {
2509         background-position: -110px 0;
2510 }
2511 .drophide {
2512         background-position: -130px 0;
2513 }
2514 .edit {
2515         background-position: -150px 0;
2516 }
2517 .camera {
2518         background-position: -170px 0;
2519 }
2520 .dislike {
2521         background-position: -190px 0;
2522 }
2523 .file-as {
2524         background-position: -230px -60px;
2525 }
2526 .like {
2527         background-position: -211px 0;
2528 }
2529 .link {
2530         background-position: -230px 0;
2531 }
2532 .globe, .location {
2533         background-position: -50px -20px;
2534 }
2535 .noglobe, .nolocation {
2536         background-position: -70px -20px;
2537 }
2538 .no {
2539         background-position: -90px -20px;
2540 }
2541 .pause {
2542         background-position: -110px -20px;
2543 }
2544 .play {
2545         background-position: -130px -20px;
2546 }
2547 .pencil {
2548         background-position: -151px -18px;
2549 }
2550 .small-pencil {
2551         background-position: -170px -20px;
2552 }
2553 .recycle {
2554         background-position: -190px -20px;
2555 }
2556 .remote-link {
2557         background-position: -210px -20px;
2558 }
2559 .share {
2560         background-position: -230px -20px;
2561 }
2562 .tools {
2563         background-position: -50px -40px;
2564 }
2565 .lock {
2566         background-position: -70px -40px;
2567 }
2568 .unlock {
2569         background-position: -88px -40px;
2570 }
2571 .video {
2572         background-position: -110px -40px;
2573 }
2574 .attach {
2575         background-position: -190px -40px;
2576 }
2577 .language {
2578         background-position: -210px -40px;
2579 }
2580 .starred {
2581         background-position: -130px -60px;
2582 }
2583 .unstarred {
2584         background-position: -150px -60px;
2585 }
2586 .tagged {
2587         background-position: -170px -60px;
2588 }
2589 .on {
2590         background-position: -50px  -60px;
2591 }
2592 .off {
2593         background-position: -70px  -60px;
2594 }
2595 .prev {
2596         background-position: -90px  -60px;
2597 }
2598 .next {
2599         background-position: -110px  -60px;
2600 }
2601 .icon.dim {
2602         opacity: 0.3;
2603         filter: alpha(opacity=30);
2604 }
2605 #pause {
2606         position: fixed;
2607         bottom: 5px;
2608         right: 5px;
2609 }
2610 .border, .border:hover {
2611         border: 1px solid #babdb6;
2612     -webkit-border-radius: 5px;
2613     -moz-border-radius: 5px;
2614     border-radius: 5px;
2615 }
2616 .attachtype {
2617     display: block;
2618     width: 20px;
2619     height: 23px;
2620     background-image: url(../../../images/content-types.png);
2621 }
2622 .type-video {
2623     background-position: 0px 0px;
2624 }
2625 .type-image {
2626     background-position: -20px 0;
2627 }
2628 .type-audio {
2629     background-position: -40px 0;
2630 }
2631 .type-text {
2632     background-position: -60px 0px;
2633 }
2634 .type-unkn {
2635     background-position: -80px 0;
2636 }
2637
2638
2639 /**
2640  *      footer
2641  */
2642 .cc-license {
2643     margin-top: 100px;
2644     font-size: 0.7em;
2645 }
2646 footer {
2647     display: block;
2648     margin: 50px 20%;
2649     clear: both;
2650 }
2651 #profile-jot-text {
2652     height: 20px;
2653     color: #eec;
2654     border: 1px solid #eec;
2655     border-radius: 5px;
2656     width: 99.5%;
2657 }
2658
2659
2660 /** acl **/
2661 #photo-edit-perms-select,
2662 #photos-upload-permissions-wrapper,
2663 #profile-jot-acl-wrapper {
2664     display: block !important;
2665         background: #2e2f2e;
2666         color: #eec;
2667 }
2668 #acl-wrapper {
2669     width: 660px;
2670         margin: 0 auto;
2671 }
2672 #acl-search {
2673     float: right;
2674     background: #fff url("../../../images/search_18.png") no-repeat right center;
2675     padding-right: 20px;
2676         margin: 6px;
2677 }
2678 #acl-showall {
2679     float: left;
2680     display: block;
2681     width: auto;
2682     height: 18px;
2683     background: #eec url("../../../images/show_all_off.png") 8px 8px no-repeat;
2684     padding: 7px 10px 7px 30px;
2685     -webkit-border-radius: 5px;
2686     -moz-border-radius: 5px;
2687     border-radius: 5px;
2688     color: #999;
2689         margin: 5px 0;
2690 }
2691 #acl-showall.selected {
2692     color: #000;
2693     background: #f90 url(../../../images/show_all_on.png) 8px 8px no-repeat;
2694 }
2695 #acl-list {
2696     height: 210px;
2697     border: 1px solid #ccc;
2698     clear: both;
2699     margin-top: 30px;
2700     overflow: auto;
2701 }
2702 /*#acl-list-content {
2703 }*/
2704 .acl-list-item {
2705         border: 1px solid #eec;
2706     display: block;
2707     float: left;
2708     height: 110px;
2709     margin: 3px 0 5px 5px;
2710     width: 120px;
2711 }
2712 .acl-list-item img {
2713     width: 22px;
2714     height: 22px;
2715     float: left;
2716     margin: 5px 5px 20px;
2717 }
2718 .acl-list-item p {
2719     height: 12px;
2720     font-size: 10px;
2721     margin: 0 0 22px;
2722     padding: 2px 0 1px;
2723 }
2724 .acl-list-item a {
2725     background: #eec 3px 3px no-repeat;
2726     -webkit-border-radius: 2px;
2727     -moz-border-radius: 2px;
2728     border-radius: 2px;
2729         clear: both;
2730     font-size: 10px;
2731     display: block;
2732     width: 55px;
2733     height: 20px;
2734     color: #2e2f2e;
2735     margin: 5px auto 0;
2736         padding: 0 3px;
2737         text-align: center;
2738         vertical-align: middle;
2739 }
2740 #acl-wrapper a:hover {
2741     text-decoration: none;
2742     color: #2e2f2e;
2743         border: 0;
2744 }
2745 .acl-button-show {
2746     background-image: url('../../../images/show_off.png');
2747         margin: 0 auto;
2748 }
2749 .acl-button-hide {
2750     background-image: url('../../../images/hide_off.png');
2751         margin: 0 auto;
2752 }
2753 .acl-button-show.selected {
2754     color: #2e2f2e;
2755     background-color: #9ade00;
2756     background-image: url(../../../images/show_on.png);
2757 }
2758 .acl-button-hide.selected {
2759     color: #2e2f2e;
2760     background-color: #ff4141;
2761     background-image: url(../../../images/hide_on.png);
2762 }
2763 .acl-list-item.groupshow {
2764     border-color: #9ade00;
2765 }
2766 .acl-list-item.grouphide {
2767     border-color: #ff4141;
2768 }
2769 /** /acl **/
2770
2771
2772 /* autocomplete popup */
2773 .acpopup {
2774         max-height: 175px;
2775     max-width: 42%;
2776         background-color: #555753;
2777         color: #fff;
2778         overflow: auto;
2779         z-index: 100000;
2780         border: 1px solid #cccccc;
2781 }
2782 .acpopupitem {
2783         background-color: #555753;
2784     padding: 4px;
2785         clear: left;
2786 }
2787 .acpopupitem img {
2788         float: left;
2789         margin-right: 4px;
2790 }
2791 .acpopupitem.selected {
2792         color: #2e302e;
2793     background-color: #eeeeec;
2794 }
2795 .qcomment-wrapper {
2796     padding: 0px;
2797     margin: 2px;
2798     list-style-type: none;
2799 }
2800 .qcomment, .qcomment:hover {
2801     display: inline;
2802     padding: 5px;
2803     margin: 5px;
2804 }
2805 .qcomment {
2806         opacity: 0.5;
2807         filter:alpha(opacity=50);
2808 }
2809 .qcomment:hover {
2810         opacity: 1.0;
2811         filter:alpha(opacity=100);
2812 }
2813 #network-star-link {
2814     margin-top: 10px;
2815 }
2816 .network-star {
2817     float: left;
2818     margin-right: 5px;
2819 }
2820 .network-star.icon.starred {
2821     display: inline-block;
2822 }
2823 #fileas-sidebar {
2824
2825 }
2826 .fileas-ul {
2827         padding: 0;
2828 }
2829
2830
2831
2832 /*
2833  * ADDONS THEMING
2834  */
2835
2836 #sidebar-page-list {
2837
2838 }
2839 #sidebar-page-list ul {
2840         padding: 0;
2841         margin: 5px 0;
2842 }
2843 #sidebar-page-list li {
2844         list-style: none;
2845 }
2846
2847
2848 @media handheld {
2849         body {
2850                 font-size: 15pt;
2851         }
2852 }