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 #2e2f2e 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 0px 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 .heart {
1050         color: red;
1051 }
1052 .wall-item-content {
1053         overflow-x: auto;
1054 }
1055 /* removing it from here, vs. putting it in .wall-item-content
1056  * might break things for people. we shall see ;) */
1057 [id^="tread-wrapper"], [class^="tread-wrapper"] {
1058     margin: 15px 0 0 0;
1059     padding: 0px;
1060         /*overflow-x: auto;*/
1061 }
1062 .wall-item-photo-menu {
1063     display: none;
1064 }
1065 .wall-item-photo-menu-button {
1066     display:none;
1067     text-indent:-99999px;
1068     background:#555753 url(menu-user-pin.jpg) no-repeat 75px center;
1069     position:absolute;
1070     overflow:hidden;
1071     height:20px;
1072     width:90px;
1073     top:85px;
1074     left:0;
1075     -webkit-border-radius:0 0 5px 5px;
1076     -moz-border-radius:0 0 5px 5px;
1077     border-radius:0 0 5px 5px;
1078 }
1079 .wall-item-info {
1080     float: left;
1081     width: 110px;
1082 }
1083 .wall-item-photo-wrapper {
1084     width: 80px;
1085     height: 80px;
1086     position: relative;
1087     padding: 5px;
1088     background-color: #555753;
1089     -webkit-border-radius: 5px;
1090     -moz-border-radius: 5px;
1091     border-radius: 5px;
1092 }
1093 [class^="wall-item-tools"] > *, [class^="wall-item-tools"] > * > * {
1094         margin: 0 0 5px 0;
1095 }
1096 .wall-item-tools {
1097     float: right;
1098     filter: alpha(opacity=35);
1099     opacity: 0.4;
1100     -webkit-transition: all 1s ease-in-out;
1101     -moz-transition: all 1s ease-in-out;
1102     -o-transition: all 1s ease-in-out;
1103     -ms-transition: all 1s ease-in-out;
1104     transition: all 1s ease-in-out;
1105 }
1106 .wall-item-tools:hover {
1107     filter: alpha(opacity=100);
1108     opacity: 1;
1109     -webkit-transition: all 1s ease-in-out;
1110     -moz-transition: all 1s ease-in-out;
1111     -o-transition: all 1s ease-in-out;
1112     -ms-transition: all 1s ease-in-out;
1113     transition: all 1s ease-in-out;
1114 }
1115 .wall-item-title {
1116         font-size: 1.2em;
1117         font-weight: bold;
1118     margin-bottom: 1em;
1119 }
1120 .wall-item-body {
1121         margin: 10px 10px 10px 0px;
1122     text-align: left;
1123 }
1124 .wall-item-lock-wrapper {
1125         float: right;
1126 }
1127 .wall-item-dislike,
1128 .wall-item-like {
1129         clear: left;
1130         font-size: 0.8em;
1131         color: #878883;
1132         margin: 5px 0 5px 120px;
1133 }
1134 .wall-item-author, .wall-item-actions-author {
1135         clear: left;
1136         font-size: 0.8em;
1137         color: #878883;
1138         margin: 20px 20px 0 110px;
1139 }
1140 .wall-item-ago {
1141         display: inline;
1142         padding-left: 10px;
1143 }
1144 .wall-item-wrapper-end {
1145         clear:both;
1146 }
1147 .wall-item-location {
1148     margin-top: 15px;
1149     width: 100px;
1150     overflow: hidden;
1151     text-overflow: ellipsis;
1152     -o-text-overflow: ellipsis;
1153 }
1154 .wall-item-location .icon {
1155     float: left;
1156 }
1157 .wall-item-location > a {
1158     margin-left: 25px;
1159     font-size: 0.7em;
1160     display: block;
1161 }
1162 .wall-item-location .smalltext {
1163     margin-left: 25px;
1164     font-size: 0.7em;
1165     display: block;
1166 }
1167 .wall-item-location > br {
1168     display: none;
1169 }
1170 .wallwall .wwto {
1171     left: 5px;
1172     margin: 0;
1173     position: absolute;
1174     top: 75px;
1175     width: 30px;
1176     z-index: 10001;
1177     width: 30px;
1178     height: 30px;
1179 }
1180 .wallwall .wwto img {
1181     width: 30px !important;
1182     height: 30px !important;
1183 }
1184 .wallwall .wall-item-photo-end {
1185     clear: both;
1186 }
1187 .wall-item-arrowphoto-wrapper {
1188     position: absolute;
1189     left: 35px;
1190     top: 80px;
1191     z-index: 10002;
1192 }
1193 .wall-item-photo-menu {
1194         min-width: 92px;
1195         border: 2px solid #FFFFFF;
1196         border-top: 0px;
1197         background: #555753;
1198         position: absolute;
1199         left: -2px; top: 101px;
1200         display: none;
1201         z-index: 10003;
1202         -webkit-border-radius: 0px 5px 5px 5px;
1203         -moz-border-radius: 0px 5px 5px 5px;
1204         border-radius: 0px 5px 5px 5px;
1205 }
1206 .wall-item-photo-menu ul {
1207     margin:0px;
1208     padding: 0px;
1209     list-style: none;
1210 }
1211 .wall-item-photo-menu li a {
1212     white-space: nowrap;
1213     display: block;
1214     padding: 5px 2px;
1215     color: #eeeeec;
1216 }
1217 .wall-item-photo-menu li a:hover {
1218     color: #555753;
1219     background: #eeeeec;
1220 }
1221 #item-delete-selected {
1222     overflow: auto;
1223     width: 100%;
1224 }
1225
1226
1227 /**
1228  *      comment
1229  */
1230 .ccollapse-wrapper {
1231     font-size: 0.9em;
1232     margin-left: 80px;
1233 }
1234
1235 .wall-item-outside-wrapper.comment {
1236     margin-left: 80px;
1237 }
1238 .wall-item-outside-wrapper.comment .wall-item-photo {
1239     width: 40px!important;
1240     height: 40px!important;
1241 }
1242 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1243     width: 40px;
1244     height: 40px;
1245 }
1246 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1247         width: 50px;
1248     top: 45px;
1249     background-position: 35px center;
1250 }
1251 .wall-item-outside-wrapper.comment .wall-item-info {
1252     width: 60px;
1253 }
1254 .wall-item-outside-wrapper.comment .wall-item-body {
1255     margin-left: 10px;
1256 }
1257 .wall-item-outside-wrapper.comment .wall-item-author {
1258     margin-left: 50px;
1259 }
1260
1261 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1262     min-width: 50px;
1263     top: 60px;
1264 }
1265 .comment-wwedit-wrapper {
1266     /*margin: 30px 0px 0px 80px;*/
1267 }
1268 .comment-edit-wrapper {
1269     border-top: 1px #aaa solid;
1270 }
1271 .comment-wwedit-wrapper img,
1272 .comment-edit-wrapper img {
1273         width: 20px;
1274         height: 20px;
1275 }
1276 .comment-edit-photo-link, .comment-edit-photo {
1277         float: left;
1278         margin-left: 10px;
1279 }
1280 .my-comment-photo {
1281     width: 40px;
1282     height: 40px;
1283     padding: 5px;
1284 }
1285 [class^="comment-edit-text"] {
1286     margin: 5px 0 10px 20px;
1287     width: 84.5%;
1288 }
1289 .comment-edit-text-empty {
1290         height: 20px;
1291         border: 2px #c8bebe solid;
1292         border-radius: 5px;
1293         color: #c8bebe;
1294         -webkit-transition: all 0.5s ease-in-out;
1295         -moz-transition: all 0.5s ease-in-out;
1296         -o-transition: all 0.5s ease-in-out;
1297         -ms-transition: all 0.5s ease-in-out;
1298         transition: all 0.5s ease-in-out;
1299 }
1300 .comment-edit-text-empty:hover {
1301         color: #999999;
1302 }
1303 .comment-edit-text-full {
1304         height: 10em;
1305     border-radius: 5px;
1306         -webkit-transition: all 0.5s ease-in-out;
1307         -moz-transition: all 0.5s ease-in-out;
1308         -o-transition: all 0.5s ease-in-out;
1309         -ms-transition: all 0.5s ease-in-out;
1310         transition: all 0.5s ease-in-out;
1311 }
1312 .comment-edit-submit-wrapper {
1313         width: 90%;
1314         margin: 5px 5px 10px 50px;
1315         text-align: right;
1316 }
1317 .comment-edit-submit {
1318     height: 22px;
1319     background-color: #555753;
1320     color: #eeeeec;
1321     -webkit-border-radius: 5px;
1322     -moz-border-radius: 5px;
1323     border-radius: 5px;
1324     border: 0;
1325 }
1326
1327
1328 /**
1329  * item text style
1330  **/
1331 .wall-item-body code {
1332         display: block;
1333         padding: 0 0 10px 5px;
1334         border-color: #ccc;
1335         border-style: solid;
1336         border-width: 1px 1px 1px 10px;
1337         background: #eee;
1338         color: #2e2f2e;
1339         width: 95%;
1340 }
1341
1342
1343 /**
1344  * profile
1345  **/
1346 div[id$="text"] {
1347     font-weight: bold;
1348     border-bottom: 1px solid #ccc;
1349 }
1350 div[id$="wrapper"] {
1351     height: 100%;
1352     margin-bottom: 1em;
1353 }
1354 div[id$="wrapper"] br {
1355     clear: left;
1356 }
1357 #advanced-profile-with {
1358     margin-left: 200px;
1359 }
1360
1361
1362 /**
1363  * photos
1364  **/
1365 .photos {
1366         height: auto;
1367         overflow: auto;
1368 }
1369 #photo-top-links {
1370     margin-bottom: 30px;
1371 }
1372 .photo-album-image-wrapper,
1373 .photo-top-image-wrapper {
1374     float: left;
1375     -moz-box-shadow: 3px 3px 10px 0 #000;
1376     -webkit-box-shadow: 3px 3px 10px 0 #000;
1377     box-shadow: 3px 3px 10px 0 #000;
1378     background-color: #222;
1379         color: #2e2f2e;
1380     -webkit-border-radius: 5px;
1381     -moz-border-radius: 5px;
1382     border-radius: 5px;
1383     padding-bottom: 30px;
1384     position: relative;
1385     margin: 0 10px 10px 0;
1386 }
1387
1388 #photo-photo {
1389     max-width: 100%;
1390 }
1391 #photo-photo img {
1392     max-width: 100%;
1393 }
1394 .photo-top-image-wrapper a:hover,
1395 #photo-photo a:hover,
1396 .photo-album-image-wrapper a:hover {
1397     border-bottom: 0;
1398 }
1399 .photo-top-photo,.photo-album-photo {
1400     -webkit-border-radius:5px 5px 0 0;
1401     -moz-border-radius:5px 5px 0 0;
1402     border-radius:5px 5px 0 0;
1403 }
1404 .photo-top-album-name {
1405     position: absolute;
1406     bottom: 0;
1407     padding: 0 5px;
1408 }
1409 .caption {
1410     position: absolute;
1411     bottom: 0;
1412     margin: 0 5px;
1413 }
1414 #photo-photo {
1415         position: relative;
1416         float:left;
1417 }
1418 #photo-photo-end {
1419     clear: both;
1420 }
1421 #photo-prev-link,
1422 #photo-next-link {
1423     position:absolute;
1424     width:30%;
1425     height:100%;
1426     background-color:rgba(255,255,255,0.5);
1427     opacity:0;
1428     -webkit-transition:all .2s ease-in-out;
1429     -moz-transition:all .2s ease-in-out;
1430     -o-transition:all .2s ease-in-out;
1431     -ms-transition:all .2s ease-in-out;
1432     transition:all .2s ease-in-out;
1433     background-position:center center;
1434     background-repeat:no-repeat;
1435 }
1436 #photo-prev-link {
1437     left:0;
1438     top:0;
1439     background-image:url(prev.png);
1440 }
1441 #photo-next-link {
1442     right:0;
1443     top:0;
1444     background-image:url(next.png);
1445 }
1446
1447 #photo-prev-link a,#photo-next-link a {
1448     display:block;
1449     width:100%;
1450     height:100%;
1451     overflow:hidden;
1452     text-indent:-900000px;
1453 }
1454 #photo-prev-link:hover,
1455 #photo-next-link:hover {
1456     opacity:1;
1457     -webkit-transition:all .2s ease-in-out;
1458     -moz-transition:all .2s ease-in-out;
1459     -o-transition:all .2s ease-in-out;
1460     -ms-transition:all .2s ease-in-out;
1461     transition:all .2s ease-in-out;
1462 }
1463 #photo-next-link .icon,
1464 #photo-prev-link .icon {
1465     display: none;
1466 }
1467 #photos-upload-spacer,
1468 #photos-upload-new-wrapper,
1469 #photos-upload-exist-wrapper {
1470     margin-bottom: 1em;
1471 }
1472 #photos-upload-existing-album-text,
1473 #photos-upload-newalbum-div {
1474     background-color:#555753;
1475     color:#eeeeec;
1476     padding:1px;
1477 }
1478 #photos-upload-album-select,
1479 #photos-upload-newalbum {
1480     width: 99%;
1481 }
1482 #photos-upload-perms-menu {
1483     text-align: right;
1484 }
1485 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1486     float: left;
1487     margin-bottom: 25px;
1488 }
1489 #photo-edit-link-wrap {
1490     margin-bottom: 15px;
1491 }
1492 #photo-edit-caption {
1493         width: 100%;
1494 }
1495 #photo-edit-newtag {
1496         width: 100%;
1497 }
1498 #photo-like-div {
1499     margin-bottom: 25px;
1500 }
1501 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1502     clear: both;
1503 }
1504 #photo-edit-delete-button {
1505     margin-left: 200px;
1506 }
1507 #photo-edit-end {
1508     margin-bottom: 35px;
1509 }
1510 #photo-caption {
1511     font-size: 110%;
1512     font-weight: bold;
1513     margin-top: 15px;
1514     margin-bottom: 15px;
1515 }
1516
1517 /**
1518  *      message
1519  */
1520 .prvmail-text {
1521     width: 100%;
1522 }
1523 #prvmail-subject {
1524     width: 100%;
1525         color: #2e2f2e;
1526         background: #eec;
1527 }
1528 #prvmail-submit-wrapper {
1529     margin-top: 10px;
1530 }
1531 #prvmail-submit {
1532     float:right;
1533     margin-top: 0;
1534 }
1535 #prvmail-submit-wrapper > div {
1536     margin-right:5px;
1537     float:left;
1538 }
1539 .mail-list-outside-wrapper {
1540     margin-top: 20px;
1541 }
1542 .mail-list-sender {
1543     float: left;
1544 }
1545 .mail-list-detail {
1546     margin-left: 90px;
1547 }
1548 .mail-list-sender-name {
1549     display: inline;
1550         font-size: 1.1em;
1551 }
1552 .mail-list-date {
1553     display: inline;
1554     font-size: 0.9em;
1555     padding-left: 10px;
1556 }
1557 .mail-list-sender-name, .mail-list-date {
1558         font-style: italic;
1559 }
1560 .mail-list-subject {
1561     font-size: 1.2em;
1562 }
1563 .mail-list-delete-wrapper {
1564     float: right;
1565 }
1566 .mail-list-outside-wrapper-end {
1567     clear: both;
1568         border-bottom: 1px #eec dotted;
1569 }
1570 .mail-conv-sender {
1571     float: left;
1572     margin: 0px 5px 5px 0px;
1573 }
1574 .mail-conv-sender-photo {
1575     width: 32px;
1576     height: 32px;
1577 }
1578 .mail-conv-sender-name {
1579     float: left;
1580 }
1581 .mail-conv-date {
1582     float: right;
1583 }
1584 .mail-conv-subject {
1585     clear: right;
1586     font-weight: bold;
1587     font-size: 1.2em;
1588 }
1589 .mail-conv-body {
1590     clear: both;
1591 }
1592 .mail-conv-delete-wrapper {
1593     margin-top: 5px;
1594 }
1595
1596
1597 /**
1598  *      contacts
1599  */
1600 .view-contact-wrapper,
1601 .contact-entry-wrapper {
1602     float: left;
1603     margin: 0 5px 40px 0;
1604     width: 120px;
1605         height: 120px;
1606         padding: 3px;
1607     position: relative;
1608 }
1609 .contact-direction-wrapper {
1610     position: absolute;
1611     top: 20px;
1612 }
1613 .contact-edit-links {
1614     position: absolute;
1615     top: 60px;
1616 }
1617 .contact-entry-photo-wrapper {
1618
1619 }
1620 .contact-entry-photo {
1621         margin-left: 20px;
1622 }
1623 .contact-entry-name {
1624     width: 120px;
1625     font-weight: bold;
1626     /*overflow: hidden;*/
1627 }
1628 .contact-entry-photo {
1629         position: relative;
1630 }
1631 .contact-entry-edit-links .icon {
1632     border: 1px solid #babdb6;
1633     -webkit-border-radius: 3px;
1634     -moz-border-radius: 3px;
1635     border-radius: 3px;
1636     background-color: #fff;
1637 }
1638 #contact-entry-url, [id^="contact-entry-url"] {
1639     font-size: smaller;
1640     /*overflow: scroll;*/
1641 }
1642 #contact-entry-network, [id^="contact-entry-network"] {
1643     font-size: smaller;
1644     font-style: italic;
1645 }
1646 #contact-edit-banner-name {
1647     font-size: 1.5em;
1648 }
1649 #contact-edit-photo-wrapper {
1650     position: relative;
1651     float: left;
1652     padding: 20px;
1653 }
1654 #contact-edit-direction-icon {
1655     position:absolute;
1656     top:60px;
1657     left:0;
1658 }
1659 #contact-edit-nav-wrapper {
1660     margin-left: 0px;
1661 }
1662 #contact-edit-links {
1663     margin-top: 23px;
1664 }
1665 #contact-edit-links ul {
1666     list-style-type: none;
1667 }
1668 #contact-drop-links {
1669     margin-left:5px;
1670 }
1671 #contact-edit-nav-wrapper .icon {
1672         border: 1px solid #babdb6;
1673     -webkit-border-radius: 3px;
1674     -moz-border-radius: 3px;
1675     border-radius: 3px;
1676 }
1677 #contact-edit-poll-wrapper {
1678     margin-left: 0px;
1679 }
1680 #contact-edit-last-update-text {
1681     margin-bottom: 15px;
1682 }
1683 #contact-edit-last-updated {
1684     font-weight: bold;
1685 }
1686 #contact-edit-poll-text {
1687     display: inline;
1688 }
1689 #contact-edit-info_tbl, #contact-edit-info_parent {
1690     width: 100%;
1691 }
1692 .mceLayout {
1693     width: 100%;
1694 }
1695 #contact-edit-end {
1696     clear: both;
1697     margin-bottom: 65px;
1698 }
1699
1700 .contact-photo-menu-button {
1701     position: absolute;
1702     background-image: url("photo-menu.jpg");
1703     background-position: top left;
1704     background-repeat: no-repeat;
1705     margin: 0px; padding: 0px;
1706     width: 16px;
1707     height: 16px;
1708     top: 64px; left:0px;
1709     overflow: hidden;
1710     text-indent: 40px;
1711     display: none;
1712 }
1713 .contact-photo-menu {
1714     width: auto;
1715     border: 2px solid #444;
1716     background: #2e2f2e;
1717         color: #eec;
1718     position: absolute;
1719     left: 0px; top: 90px;
1720     display: none;
1721     z-index: 10000;
1722 }
1723 .contact-photo-menu ul {
1724     margin:0px;
1725     padding: 0px;
1726     list-style: none;
1727 }
1728 .contact-photo-menu li a {
1729     display: block;
1730     padding: 2px;
1731 }
1732 .contact-photo-menu li a:hover {
1733     color: #fff;
1734     background: #3465A4;
1735     text-decoration: none;
1736 }
1737
1738
1739 /**
1740  *      register, settings & profile forms
1741  */
1742 #id_openid_url,
1743 .openid {
1744     background:url(login-bg.gif) no-repeat;
1745     background-position:0 50%;
1746     padding-left:18px;
1747 }
1748
1749 #settings-nickname-desc {
1750     background-color: #eec;
1751     -webkit-border-radius: 5px;
1752     -moz-border-radius: 5px;
1753     border-radius: 5px;
1754     padding: 5px;
1755         color: #111;
1756 }
1757 #settings-default-perms {
1758     margin-bottom: 20px;
1759 }
1760 #register-form div,
1761 #profile-edit-form div {
1762     clear: both;
1763 }
1764
1765 /*#register-form label,     */
1766 /*#profile-edit-form label {*/
1767 /*    width: 300px;         */
1768 /*    float: left;          */
1769 /*}                         */
1770
1771 /*#register-form span,     */
1772 /*#profile-edit-form span {*/
1773 /*    color: #555753;      */
1774 /*    display: block;      */
1775 /*    margin-bottom: 20px; */
1776 /*}                        */
1777 #profile-edit-marital-label span {
1778         margin: -4px;
1779 }
1780 .settings-submit-wrapper,
1781 .profile-edit-submit-wrapper {
1782     margin: 30px 0px;
1783 }
1784 .profile-edit-side-div {
1785         /*background: #111;
1786         border-radius: 5px 5px 0px 0px;
1787         margin: 0px 0px 0px 0px;
1788         width: 100px;
1789         height: 25px;
1790         position: absolute;*/
1791         display: none;
1792         /*left: 35%;
1793         top: 41%;
1794         cursor: pointer;*/
1795 }
1796 /*.profile-edit-side-div:hover {
1797         display: block;
1798 }
1799 .profile-edit-side-link {
1800         margin: 3px 0px 0px 70px;
1801 }*/
1802 #profiles-menu-trigger {
1803         margin: 0px 0px 0px 25px;
1804 }
1805 .profile-listing {
1806     float: left;
1807     margin: 20px 20px 0px 0px;
1808 }
1809 .icon-profile-edit {
1810     background: url("icons.png") -150px 0px no-repeat;
1811     border: 0;
1812         cursor: pointer;
1813     display: block;
1814     float: right;
1815         width: 20px;
1816     height: 20px;
1817     margin: 0 0 -18px;
1818         position: absolute;
1819     text-decoration: none;
1820         top: 18px;
1821         right: 226px;
1822 }
1823 #profile-edit-links ul {
1824     margin: 20px 0;
1825     padding: 0;
1826     list-style: none;
1827 }
1828 .marital {
1829         margin-top: 5px;
1830 }
1831 #register-sitename {
1832     display: inline;
1833     font-weight: bold;
1834 }
1835 #advanced-expire-popup {
1836         background: #2e2f2e;
1837         color: #eec;
1838 }
1839 #id_ssl_policy {
1840         width: 374px;
1841 }
1842
1843
1844 /**
1845  *      contacts selector
1846  */
1847 .group-delete-wrapper {
1848         margin: -31px 50px 0 0;
1849     float: right;
1850 }
1851 /*.group-delete-icon {
1852     margin: 0 0 0 10px;
1853 }*/
1854 #group-edit-submit-wrapper {
1855     margin: 0 0 10px 0;
1856     display: inline;
1857 }
1858 #group-edit-desc {
1859     margin: 10px 0px;
1860 }
1861 #group-members,
1862 #prof-members {
1863     height:200px;
1864     overflow:auto;
1865     border:1px solid #555753;
1866     -webkit-border-radius:5px 5px 0 0;
1867     -moz-border-radius:5px 5px 0 0;
1868     border-radius:5px 5px 0 0;
1869 }
1870 #group-all-contacts,
1871 #prof-all-contacts {
1872     height:200px;
1873     overflow:auto;
1874     border:1px solid #555753;
1875     -webkit-border-radius:0 0 5px 5px;
1876     -moz-border-radius:0 0 5px 5px;
1877     border-radius:0 0 5px 5px;
1878 }
1879 #group-members h3,
1880 #group-all-contacts h3,
1881 #prof-members h3,
1882 #prof-all-contacts h3 {
1883     color:#eeeeec;
1884     background-color:#555753;
1885     margin:0;
1886     padding:5px;
1887 }
1888 #group-separator,
1889 #prof-separator {
1890     display: none;
1891 }
1892
1893
1894 /**
1895  * profile
1896  */
1897 #cropimage-wrapper {
1898     float:left;
1899 }
1900 #crop-image-form {
1901     clear:both;
1902 }
1903
1904
1905 /**
1906  * intros
1907  */
1908 .intro-wrapper {
1909     margin-top: 20px;
1910 }
1911
1912 .intro-fullname {
1913     font-size: 1.1em;
1914     font-weight: bold;
1915
1916 }
1917 .intro-desc {
1918     margin-bottom: 20px;
1919     font-weight: bold;
1920 }
1921
1922 .intro-note {
1923     padding: 10px;
1924 }
1925
1926 .intro-end {
1927     padding: 30px;
1928 }
1929
1930 .intro-form {
1931     float: left;
1932 }
1933 .intro-approve-form {
1934     clear: both;
1935 }
1936 .intro-approve-as-friend-end {
1937     clear: both;
1938 }
1939 .intro-submit-approve, .intro-submit-ignore {
1940     margin-right: 20px;
1941 }
1942 .intro-submit-approve {
1943     margin-top: 15px;
1944 }
1945
1946 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
1947     float: left;
1948 }
1949 .intro-approve-as-friend, .intro-approve-as-fan {
1950     float: left;
1951 }
1952 .intro-form-end {
1953     clear: both;
1954     margin-bottom: 10px;
1955 }
1956 .intro-approve-as-friend-desc {
1957     margin-top: 10px;
1958 }
1959 .intro-approve-as-end {
1960     clear: both;
1961     margin-bottom: 10px;
1962 }
1963
1964 .intro-end {
1965     clear: both;
1966 }
1967
1968
1969 /**
1970  * events
1971  **/
1972 .clear { clear: both; }
1973 .eventcal {
1974     float:left;
1975     font-size:20px;
1976 }
1977 .vevent {
1978     border:1px solid #ccc;
1979 }
1980 .vevent .event-description, .vevent .event-location {
1981         margin-left: 10px;
1982         margin-right: 10px;
1983 }
1984 .vevent .event-start {
1985         margin-left: 10px;
1986         margin-right: 10px;
1987 }
1988
1989 #new-event-link {
1990         margin-bottom: 10px;
1991 }
1992 .edit-event-link, .plink-event-link {
1993         float: left;
1994         margin-top: 4px;
1995         margin-right: 4px;
1996         margin-bottom: 15px;
1997 }
1998 .event-description:before {
1999         content: url('../../../images/calendar.png');
2000         margin-right: 15px;
2001 }
2002 .event-start, .event-end {
2003         margin-left: 10px;
2004         width: 330px;
2005 }
2006 .event-start .dtstart, .event-end .dtend {
2007         float: right;
2008 }
2009 .event-list-date {
2010         margin-bottom: 10px;
2011 }
2012 .prevcal, .nextcal {
2013         float: left;
2014         margin-left: 32px;
2015         margin-right: 32px;
2016         margin-top: 64px;
2017 }
2018 .event-calendar-end {
2019         clear: both;
2020 }
2021 .calendar {
2022     font-family: monospace;
2023 }
2024 .today {
2025         font-weight: bold;
2026         color: #FF0000;
2027 }
2028 #event-start-text,
2029 #event-finish-text {
2030         margin-top: 10px;
2031         margin-bottom: 5px;
2032 }
2033 #event-nofinish-checkbox,
2034 #event-nofinish-text,
2035 #event-adjust-checkbox,
2036 #event-adjust-text,
2037 #event-share-checkbox {
2038     float:left;
2039 }
2040 #event-datetime-break {
2041         margin-bottom: 10px;
2042 }
2043 #event-nofinish-break,
2044 #event-adjust-break,
2045 #event-share-break {
2046         clear: both;
2047 }
2048 #event-desc-text,
2049 #event-location-text {
2050         margin-top: 10px;
2051         margin-bottom: 5px;
2052 }
2053 #event-submit {
2054         margin-top: 10px;
2055 }
2056 .body-tag {
2057         margin: 10px 0;
2058         opacity: 0.5;
2059         filter:alpha(opacity=50);
2060 }
2061 .body-tag:hover {
2062         opacity: 1.0 !important;
2063         filter:alpha(opacity=100) !important;
2064 }
2065 .filesavetags {
2066         margin: 20px 0;
2067         opacity: 0.5;
2068         filter:alpha(opacity=50);
2069 }
2070 .filesavetags:hover {
2071         margin: 20px 0;
2072         opacity: 1.0 !important;
2073         filter:alpha(opacity=100) !important;
2074 }
2075 .item-select {
2076         opacity: 0.1;
2077         filter:alpha(opacity=10);
2078         float: right;
2079         margin-right: 10px;
2080
2081 }
2082 .item-select:hover, .checkeditem {
2083         opacity: 1;
2084         filter:alpha(opacity=100);
2085 }
2086 #item-delete-selected {
2087         margin-top: 30px;
2088 }
2089 /* was tired of having no way of moving it around, so
2090  * here's a little 'hook' to do so */
2091 .delete-checked {
2092         position: absolute;
2093         left: 35px;
2094         margin-top: 20px;
2095 }
2096 #item-delete-selected-end {
2097         clear: both;
2098 }
2099 #item-delete-selected-icon, #item-delete-selected-desc {
2100         float: left;
2101         margin-right: 5px;
2102 }
2103 #item-delete-selected-desc:hover {
2104         text-decoration: underline;
2105 }
2106
2107
2108 /**
2109  *      directory
2110  */
2111 .directory-item {
2112     float: left;
2113         /*margin: 50px 50px 0px 0px;*/
2114         margin: 0 5px 4px 0;
2115         padding: 3px;
2116         width: 180px;
2117         height: 250px;
2118     position: relative;
2119 }
2120
2121
2122 /**
2123  * sidebar
2124  */
2125 #group-sidebar {
2126     margin-bottom: 10px;
2127 }
2128 .group-selected, .nets-selected, .fileas-selected {
2129     padding: 3px;
2130         color: #2e2f2e;
2131     background: #88a9d2;
2132     font-weight: bold;
2133 }
2134 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2135         color: #2e2f2e;
2136 }
2137 .groupsideedit {
2138     margin-right: 10px;
2139 }
2140 #sidebar-group-ul {
2141     padding-left: 0;
2142 }
2143 #sidebar-group-list {
2144     margin: 0 0 5px 0;
2145 }
2146 #sidebar-group-list ul {
2147     list-style-type: none;
2148     list-style-position: inside;
2149 }
2150 #sidebar-group-list li {
2151     margin-top: 10px;
2152 }
2153 #sidebar-group-list .icon {
2154     display: inline-block;
2155     height: 12px;
2156     width: 12px;
2157 }
2158 #sidebar-new-group {
2159     margin: auto;
2160     display: inline-block;
2161     color: #efefef;
2162     text-decoration: none;
2163     text-align: center;
2164 }
2165 #peoplefind-sidebar form {
2166         margin-bottom: 10px;
2167 }
2168 #sidebar-new-group:hover {
2169     /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2170     /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2171     /*background-color: #b20202;*/
2172 }
2173
2174 #sidebar-new-group:active {
2175     position: relative;
2176     top: 1px;
2177 }
2178 #side-peoplefind-url {
2179     background-color: #2e2f2e;
2180     color: #eec;
2181         border: 1px 999 solid;
2182         margin-right: 3px;
2183         width: 75%;
2184 }
2185 #side-peoplefind-url:hover, #side-peoplefind-url:focus {
2186     background-color: #efefef;
2187     color: #222;
2188         border: 1px 333 solid;
2189 }
2190 .nets-ul {
2191     list-style-type: none;
2192     padding-left: 0px;
2193 }
2194 .nets-ul li {
2195     margin: 10px 0 0;
2196 }
2197
2198 .nets-link {
2199     margin-left: 0px;
2200 }
2201 .nets-all {
2202     margin-left: 0px;
2203 }
2204
2205
2206 /**
2207  * ADMIN
2208  */
2209 #pending-update {
2210     float:right;
2211     color: #fff;
2212     font-weight: bold;
2213     background-color: #ff0000;
2214     padding: 0 .3em;
2215 }
2216 .admin.linklist {
2217     border: 0; padding: 0;
2218 }
2219 .admin.link {
2220     list-style-position: inside;
2221 }
2222 #adminpage dl {
2223     clear:left;
2224     margin-bottom: 2px;
2225     padding-bottom: 2px;
2226     border-bottom: 1px solid #000;
2227 }
2228 #adminpage dt {
2229     width: 250px;
2230     float: left;
2231     font-weight: bold;
2232 }
2233 #adminpage dd {
2234         margin-left: 250px;
2235 }
2236 #adminpage h3 {
2237     border-bottom:1px solid #ccc;
2238 }
2239
2240 #adminpage .submit {
2241         clear:left;
2242 }
2243
2244 #adminpage #pluginslist {
2245     margin: 0;
2246     padding: 0;
2247 }
2248 #adminpage .plugin {
2249     list-style: none;
2250     display: block;
2251     border: 1px solid #888;
2252     padding: 1em;
2253     margin-bottom: 5px;
2254     clear: left;
2255 }
2256 #adminpage .toggleplugin {
2257         float:left;
2258         margin-right: 1em;
2259 }
2260
2261 #adminpage table {
2262     width: 100%;
2263     border-bottom: 1px solid #000;
2264     margin: 5px 0;
2265 }
2266 #adminpage table th {
2267     text-align: left;
2268 }
2269 #adminpage td .icon {
2270     float: left;
2271 }
2272 #adminpage table#users img {
2273     width: 16px; height: 16px;
2274 }
2275 #adminpage table tr:hover {
2276         color: #2e2f2e;
2277     background-color: #eec;
2278 }
2279 #adminpage .selectall {
2280     text-align: right;
2281 }
2282 #adminpage #users a {
2283         color: #2e2f2e;
2284         text-decoration: underline;
2285 }
2286
2287 /**
2288  * Form fields
2289  */
2290 .field {
2291         /*margin-bottom: 10px;*/
2292         /*padding-bottom: 10px;*/
2293     overflow: auto;
2294     width: 100%;
2295 }
2296 .field label, label {
2297     float: left;
2298     width: 275px;
2299         display: block;
2300         font-size: 1.077em;
2301         /*font-weight: bold;*/
2302         margin: 0 10px 0.5em 0;
2303         border: 1px #2e2f2e solid;
2304         padding: 5px;
2305         background: #eec;
2306         vertical-align: middle;
2307         color: #111;
2308 }
2309 .field input, input[type="text"] {
2310         width: 250px;
2311         height: 25px;
2312         border: 1px #999 solid;
2313 }
2314 .field textarea {
2315     width: 80%;
2316     height: 100px;
2317 }
2318 .field_help {
2319     display: block;
2320     margin-left: 297px;
2321     color: #aaa;
2322 }
2323 .field .onoff {
2324     float: left;
2325     width: 80px;
2326 }
2327 .field .onoff a {
2328     display: block;
2329     border: 1px solid #666;
2330     padding: 3px 6px 4px 10px;
2331     height: 16px;
2332     text-decoration: none;
2333 }
2334 .field .onoff .on {
2335         background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999;
2336     color: #111;
2337     text-align: left;
2338 }
2339 .field .onoff .off {
2340         background: url("../../../images/onoff.jpg") no-repeat 2px 1px #ccc;
2341     color: #333;
2342     text-align: right;
2343 }
2344 .hidden {
2345     display:none !important;
2346 }
2347 .field.radio .field_help {
2348     margin-left: 297px;
2349 }
2350
2351
2352 /*
2353  * UPDATE
2354  */
2355 .popup {
2356         width: 100%;
2357     height: 100%;
2358         top: 0px;
2359     left: 0px;
2360         position: absolute;
2361         display: none;
2362 }
2363 .popup .background {
2364         background-color: rgba(0,0,0,128);
2365         opacity: 0.5;
2366         width: 100%;
2367     height: 100%;
2368         position: absolute;
2369         top:0px;
2370     left:0px;
2371 }
2372 .popup .panel {
2373         top: 25%;
2374     left: 25%;
2375     width: 50%;
2376     height: 50%;
2377         padding: 1em;
2378         position: absolute;
2379         border: 4px solid #000000;
2380         background-color: #FFFFFF;
2381 }
2382 #panel {
2383     z-index: 100;
2384 }
2385 .grey {
2386     color: grey;
2387 }
2388 .orange {
2389     color: orange;
2390 }
2391 .red {
2392     color: red;
2393 }
2394 .popup .panel .panel_text {
2395     display: block;
2396     overflow: auto;
2397     height: 80%;
2398 }
2399 .popup .panel .panel_in {
2400     width: 100%;
2401     height: 100%;
2402     position: relative;
2403 }
2404 .popup .panel .panel_actions {
2405     width: 100%;
2406     bottom: 4px;
2407     left: 0px;
2408     position: absolute;
2409 }
2410 .panel_text .progress {
2411     width: 50%;
2412     overflow: hidden;
2413     height: auto;
2414     border: 1px solid #cccccc;
2415     margin-bottom: 5px;
2416 }
2417 .panel_text .progress span {
2418     float: right;
2419     display: block;
2420     width: 25%;
2421     background-color: #eeeeee;
2422     text-align: right;
2423 }
2424
2425 /**
2426  * OAuth
2427  */
2428 .oauthapp {
2429         height: auto;
2430     overflow: auto;
2431         border-bottom: 2px solid #cccccc;
2432         padding-bottom: 1em;
2433         margin-bottom: 1em;
2434 }
2435 .oauthapp img {
2436         float: left;
2437         width: 48px; height: 48px;
2438         margin: 10px;
2439 }
2440 .oauthapp img.noicon {
2441         background-image: url("../../../images/icons/48/plugin.png");
2442         background-position: center center;
2443         background-repeat: no-repeat;
2444 }
2445 .oauthapp a {
2446         float: left;
2447 }
2448
2449
2450 /**
2451  * ICONS
2452  */
2453 .iconspacer {
2454         display: block;
2455     width: 16px;
2456     height: 16px;
2457 }
2458 .icon {
2459     display: block;
2460     width: 20px;
2461     height: 20px;
2462     background: url(icons.png) no-repeat;
2463     border: 0;
2464     text-decoration: none;
2465         border-radius: 5px;
2466 }
2467 .icon:hover {
2468     border: 0;
2469     text-decoration: none;
2470 }
2471 .icon.drop,
2472 .icon.drophide, .icon.delete {
2473     float: left;
2474 }
2475 .icon.s22.delete {
2476         display: block;
2477         background-position: -110px 0;
2478 }
2479 .icon.s22.text {
2480         padding: 10px 0px 0px 25px;
2481         width: 200px;
2482 }
2483 .icon.text {
2484     text-indent: 0px;
2485 }
2486 .icon.s16 {
2487     min-width: 16px;
2488     height: 16px;
2489 }
2490 .s16 .add {
2491     background: url("../../../images/icons/16/add.png") no-repeat;
2492 }
2493 .add {
2494     margin: 0px 5px;
2495 }
2496 .article {
2497         background-position: -50px 0;
2498 }
2499 .audio {
2500         background-position: -70px 0;
2501 }
2502 .block {
2503         background-position: -90px 0px;
2504 }
2505 .drop, .delete {
2506         background-position: -110px 0;
2507 }
2508 .drophide {
2509         background-position: -130px 0;
2510 }
2511 .edit {
2512         background-position: -150px 0;
2513 }
2514 .camera {
2515         background-position: -170px 0;
2516 }
2517 .dislike {
2518         background-position: -190px 0;
2519 }
2520 .file-as {
2521         background-position: -230px -60px;
2522 }
2523 .like {
2524         background-position: -211px 0;
2525 }
2526 .link {
2527         background-position: -230px 0;
2528 }
2529 .globe, .location {
2530         background-position: -50px -20px;
2531 }
2532 .noglobe, .nolocation {
2533         background-position: -70px -20px;
2534 }
2535 .no {
2536         background-position: -90px -20px;
2537 }
2538 .pause {
2539         background-position: -110px -20px;
2540 }
2541 .play {
2542         background-position: -130px -20px;
2543 }
2544 .pencil {
2545         background-position: -151px -18px;
2546 }
2547 .small-pencil {
2548         background-position: -170px -20px;
2549 }
2550 .recycle {
2551         background-position: -190px -20px;
2552 }
2553 .remote-link {
2554         background-position: -210px -20px;
2555 }
2556 .share {
2557         background-position: -230px -20px;
2558 }
2559 .tools {
2560         background-position: -50px -40px;
2561 }
2562 .lock {
2563         background-position: -70px -40px;
2564 }
2565 .unlock {
2566         background-position: -88px -40px;
2567 }
2568 .video {
2569         background-position: -110px -40px;
2570 }
2571 .attach {
2572         background-position: -190px -40px;
2573 }
2574 .language {
2575         background-position: -210px -40px;
2576 }
2577 .starred {
2578         background-position: -130px -60px;
2579 }
2580 .unstarred {
2581         background-position: -150px -60px;
2582 }
2583 .tagged {
2584         background-position: -170px -60px;
2585 }
2586 .on {
2587         background-position: -50px  -60px;
2588 }
2589 .off {
2590         background-position: -70px  -60px;
2591 }
2592 .prev {
2593         background-position: -90px  -60px;
2594 }
2595 .next {
2596         background-position: -110px  -60px;
2597 }
2598 .icon.dim {
2599         opacity: 0.3;
2600         filter: alpha(opacity=30);
2601 }
2602 #pause {
2603         position: fixed;
2604         bottom: 5px;
2605         right: 5px;
2606 }
2607 .border, .border:hover {
2608         border: 1px solid #babdb6;
2609     -webkit-border-radius: 5px;
2610     -moz-border-radius: 5px;
2611     border-radius: 5px;
2612 }
2613 .attachtype {
2614     display: block;
2615     width: 20px;
2616     height: 23px;
2617     background-image: url(../../../images/content-types.png);
2618 }
2619 .type-video {
2620     background-position: 0px 0px;
2621 }
2622 .type-image {
2623     background-position: -20px 0;
2624 }
2625 .type-audio {
2626     background-position: -40px 0;
2627 }
2628 .type-text {
2629     background-position: -60px 0px;
2630 }
2631 .type-unkn {
2632     background-position: -80px 0;
2633 }
2634
2635
2636 /**
2637  *      footer
2638  */
2639 .cc-license {
2640     margin-top: 100px;
2641     font-size: 0.7em;
2642 }
2643 footer {
2644     display: block;
2645     margin: 50px 20%;
2646     clear: both;
2647 }
2648 #profile-jot-text {
2649     height: 20px;
2650     color: #eec;
2651     border: 1px solid #eec;
2652     border-radius: 5px;
2653     width: 99.5%;
2654 }
2655
2656
2657 /** acl **/
2658 #photo-edit-perms-select,
2659 #photos-upload-permissions-wrapper,
2660 #profile-jot-acl-wrapper {
2661     display: block !important;
2662         background: #2e2f2e;
2663         color: #eec;
2664 }
2665 #acl-wrapper {
2666     width: 660px;
2667         margin: 0 auto;
2668 }
2669 #acl-search {
2670     float: right;
2671     background: #fff url("../../../images/search_18.png") no-repeat right center;
2672     padding-right: 20px;
2673         margin: 6px;
2674 }
2675 #acl-showall {
2676     float: left;
2677     display: block;
2678     width: auto;
2679     height: 18px;
2680     background: #eec url("../../../images/show_all_off.png") 8px 8px no-repeat;
2681     padding: 7px 10px 7px 30px;
2682     -webkit-border-radius: 5px;
2683     -moz-border-radius: 5px;
2684     border-radius: 5px;
2685     color: #999;
2686         margin: 5px 0;
2687 }
2688 #acl-showall.selected {
2689     color: #000;
2690     background: #f90 url(../../../images/show_all_on.png) 8px 8px no-repeat;
2691 }
2692 #acl-list {
2693     height: 210px;
2694     border: 1px solid #ccc;
2695     clear: both;
2696     margin-top: 30px;
2697     overflow: auto;
2698 }
2699 /*#acl-list-content {
2700 }*/
2701 .acl-list-item {
2702         border: 1px solid #eec;
2703     display: block;
2704     float: left;
2705     height: 110px;
2706     margin: 3px 0 5px 5px;
2707     width: 120px;
2708 }
2709 .acl-list-item img {
2710     width: 22px;
2711     height: 22px;
2712     float: left;
2713     margin: 5px 5px 20px;
2714 }
2715 .acl-list-item p {
2716     height: 12px;
2717     font-size: 10px;
2718     margin: 0 0 22px;
2719     padding: 2px 0 1px;
2720 }
2721 .acl-list-item a {
2722     background: #eec 3px 3px no-repeat;
2723     -webkit-border-radius: 2px;
2724     -moz-border-radius: 2px;
2725     border-radius: 2px;
2726         clear: both;
2727     font-size: 10px;
2728     display: block;
2729     width: 55px;
2730     height: 20px;
2731     color: #2e2f2e;
2732     margin: 5px auto 0;
2733         padding: 0 3px;
2734         text-align: center;
2735         vertical-align: middle;
2736 }
2737 #acl-wrapper a:hover {
2738     text-decoration: none;
2739     color: #2e2f2e;
2740         border: 0;
2741 }
2742 .acl-button-show {
2743     background-image: url('../../../images/show_off.png');
2744         margin: 0 auto;
2745 }
2746 .acl-button-hide {
2747     background-image: url('../../../images/hide_off.png');
2748         margin: 0 auto;
2749 }
2750 .acl-button-show.selected {
2751     color: #2e2f2e;
2752     background-color: #9ade00;
2753     background-image: url(../../../images/show_on.png);
2754 }
2755 .acl-button-hide.selected {
2756     color: #2e2f2e;
2757     background-color: #ff4141;
2758     background-image: url(../../../images/hide_on.png);
2759 }
2760 .acl-list-item.groupshow {
2761     border-color: #9ade00;
2762 }
2763 .acl-list-item.grouphide {
2764     border-color: #ff4141;
2765 }
2766 /** /acl **/
2767
2768
2769 /* autocomplete popup */
2770 .acpopup {
2771         max-height: 175px;
2772     max-width: 42%;
2773         background-color: #555753;
2774         color: #fff;
2775         overflow: auto;
2776         z-index: 100000;
2777         border: 1px solid #cccccc;
2778 }
2779 .acpopupitem {
2780         background-color: #555753;
2781     padding: 4px;
2782         clear: left;
2783 }
2784 .acpopupitem img {
2785         float: left;
2786         margin-right: 4px;
2787 }
2788 .acpopupitem.selected {
2789         color: #2e302e;
2790     background-color: #eeeeec;
2791 }
2792 .qcomment-wrapper {
2793     padding: 0px;
2794     margin: 2px;
2795     list-style-type: none;
2796 }
2797 .qcomment, .qcomment:hover {
2798     display: inline;
2799     padding: 5px;
2800     margin: 5px;
2801 }
2802 .qcomment {
2803         opacity: 0.5;
2804         filter:alpha(opacity=50);
2805 }
2806 .qcomment:hover {
2807         opacity: 1.0;
2808         filter:alpha(opacity=100);
2809 }
2810 #network-star-link {
2811     margin-top: 10px;
2812 }
2813 .network-star {
2814     float: left;
2815     margin-right: 5px;
2816 }
2817 .network-star.icon.starred {
2818     display: inline-block;
2819 }
2820 #fileas-sidebar {
2821
2822 }
2823 .fileas-ul {
2824         padding: 0;
2825 }
2826
2827
2828
2829 /*
2830  * ADDONS THEMING
2831  */
2832
2833 #sidebar-page-list {
2834
2835 }
2836 #sidebar-page-list ul {
2837         padding: 0;
2838         margin: 5px 0;
2839 }
2840 #sidebar-page-list li {
2841         list-style: none;
2842 }
2843
2844
2845 @media handheld {
2846         body {
2847                 font-size: 15pt;
2848         }
2849 }