view/theme/quattro/green/style.css

   1 /**
   2  * Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
   3  **/
   4 /* icons */
   5 .icon {
   6   background-color: transparent ;
   7   background-repeat: no-repeat;
   8   background-position: left center;
   9   display: block;
  10   overflow: hidden;
  11   text-indent: -9999px;
  12   padding: 1px;
  13 }
  14 .icon.text {
  15   text-indent: 0px;
  16 }
  17 .icon.s10 {
  18   min-width: 10px;
  19   height: 10px;
  20 }
  21 .icon.s10.notify {
  22   background-image: url("../../../images/icons/10/notify_off.png");
  23 }
  24 .icon.s10.gear {
  25   background-image: url("../../../images/icons/10/gear.png");
  26 }
  27 .icon.s10.add {
  28   background-image: url("../../../images/icons/10/add.png");
  29 }
  30 .icon.s10.delete {
  31   background-image: url("../../../images/icons/10/delete.png");
  32 }
  33 .icon.s10.edit {
  34   background-image: url("../../../images/icons/10/edit.png");
  35 }
  36 .icon.s10.star {
  37   background-image: url("../../../images/icons/10/star.png");
  38 }
  39 .icon.s10.menu {
  40   background-image: url("../../../images/icons/10/menu.png");
  41 }
  42 .icon.s10.link {
  43   background-image: url("../../../images/icons/10/link.png");
  44 }
  45 .icon.s10.lock {
  46   background-image: url("../../../images/icons/10/lock.png");
  47 }
  48 .icon.s10.unlock {
  49   background-image: url("../../../images/icons/10/unlock.png");
  50 }
  51 .icon.s10.plugin {
  52   background-image: url("../../../images/icons/10/plugin.png");
  53 }
  54 .icon.s10.type-unkn {
  55   background-image: url("../../../images/icons/10/zip.png");
  56 }
  57 .icon.s10.type-audio {
  58   background-image: url("../../../images/icons/10/audio.png");
  59 }
  60 .icon.s10.type-video {
  61   background-image: url("../../../images/icons/10/video.png");
  62 }
  63 .icon.s10.type-image {
  64   background-image: url("../../../images/icons/10/image.png");
  65 }
  66 .icon.s10.type-text {
  67   background-image: url("../../../images/icons/10/text.png");
  68 }
  69 .icon.s10.text {
  70   padding: 2px 0px 0px 15px;
  71 }
  72 .icon.s16 {
  73   min-width: 16px;
  74   height: 16px;
  75 }
  76 .icon.s16.notify {
  77   background-image: url("../../../images/icons/16/notify_off.png");
  78 }
  79 .icon.s16.gear {
  80   background-image: url("../../../images/icons/16/gear.png");
  81 }
  82 .icon.s16.add {
  83   background-image: url("../../../images/icons/16/add.png");
  84 }
  85 .icon.s16.delete {
  86   background-image: url("../../../images/icons/16/delete.png");
  87 }
  88 .icon.s16.edit {
  89   background-image: url("../../../images/icons/16/edit.png");
  90 }
  91 .icon.s16.star {
  92   background-image: url("../../../images/icons/16/star.png");
  93 }
  94 .icon.s16.menu {
  95   background-image: url("../../../images/icons/16/menu.png");
  96 }
  97 .icon.s16.link {
  98   background-image: url("../../../images/icons/16/link.png");
  99 }
 100 .icon.s16.lock {
 101   background-image: url("../../../images/icons/16/lock.png");
 102 }
 103 .icon.s16.unlock {
 104   background-image: url("../../../images/icons/16/unlock.png");
 105 }
 106 .icon.s16.plugin {
 107   background-image: url("../../../images/icons/16/plugin.png");
 108 }
 109 .icon.s16.type-unkn {
 110   background-image: url("../../../images/icons/16/zip.png");
 111 }
 112 .icon.s16.type-audio {
 113   background-image: url("../../../images/icons/16/audio.png");
 114 }
 115 .icon.s16.type-video {
 116   background-image: url("../../../images/icons/16/video.png");
 117 }
 118 .icon.s16.type-image {
 119   background-image: url("../../../images/icons/16/image.png");
 120 }
 121 .icon.s16.type-text {
 122   background-image: url("../../../images/icons/16/text.png");
 123 }
 124 .icon.s16.text {
 125   padding: 4px 0px 0px 20px;
 126 }
 127 .icon.s22 {
 128   min-width: 22px;
 129   height: 22px;
 130 }
 131 .icon.s22.notify {
 132   background-image: url("../../../images/icons/22/notify_off.png");
 133 }
 134 .icon.s22.gear {
 135   background-image: url("../../../images/icons/22/gear.png");
 136 }
 137 .icon.s22.add {
 138   background-image: url("../../../images/icons/22/add.png");
 139 }
 140 .icon.s22.delete {
 141   background-image: url("../../../images/icons/22/delete.png");
 142 }
 143 .icon.s22.edit {
 144   background-image: url("../../../images/icons/22/edit.png");
 145 }
 146 .icon.s22.star {
 147   background-image: url("../../../images/icons/22/star.png");
 148 }
 149 .icon.s22.menu {
 150   background-image: url("../../../images/icons/22/menu.png");
 151 }
 152 .icon.s22.link {
 153   background-image: url("../../../images/icons/22/link.png");
 154 }
 155 .icon.s22.lock {
 156   background-image: url("../../../images/icons/22/lock.png");
 157 }
 158 .icon.s22.unlock {
 159   background-image: url("../../../images/icons/22/unlock.png");
 160 }
 161 .icon.s22.plugin {
 162   background-image: url("../../../images/icons/22/plugin.png");
 163 }
 164 .icon.s22.type-unkn {
 165   background-image: url("../../../images/icons/22/zip.png");
 166 }
 167 .icon.s22.type-audio {
 168   background-image: url("../../../images/icons/22/audio.png");
 169 }
 170 .icon.s22.type-video {
 171   background-image: url("../../../images/icons/22/video.png");
 172 }
 173 .icon.s22.type-image {
 174   background-image: url("../../../images/icons/22/image.png");
 175 }
 176 .icon.s22.type-text {
 177   background-image: url("../../../images/icons/22/text.png");
 178 }
 179 .icon.s22.text {
 180   padding: 10px 0px 0px 25px;
 181 }
 182 .icon.s48 {
 183   width: 48px;
 184   height: 48px;
 185 }
 186 .icon.s48.notify {
 187   background-image: url("../../../images/icons/48/notify_off.png");
 188 }
 189 .icon.s48.gear {
 190   background-image: url("../../../images/icons/48/gear.png");
 191 }
 192 .icon.s48.add {
 193   background-image: url("../../../images/icons/48/add.png");
 194 }
 195 .icon.s48.delete {
 196   background-image: url("../../../images/icons/48/delete.png");
 197 }
 198 .icon.s48.edit {
 199   background-image: url("../../../images/icons/48/edit.png");
 200 }
 201 .icon.s48.star {
 202   background-image: url("../../../images/icons/48/star.png");
 203 }
 204 .icon.s48.menu {
 205   background-image: url("../../../images/icons/48/menu.png");
 206 }
 207 .icon.s48.link {
 208   background-image: url("../../../images/icons/48/link.png");
 209 }
 210 .icon.s48.lock {
 211   background-image: url("../../../images/icons/48/lock.png");
 212 }
 213 .icon.s48.unlock {
 214   background-image: url("../../../images/icons/48/unlock.png");
 215 }
 216 .icon.s48.plugin {
 217   background-image: url("../../../images/icons/48/plugin.png");
 218 }
 219 .icon.s48.type-unkn {
 220   background-image: url("../../../images/icons/48/zip.png");
 221 }
 222 .icon.s48.type-audio {
 223   background-image: url("../../../images/icons/48/audio.png");
 224 }
 225 .icon.s48.type-video {
 226   background-image: url("../../../images/icons/48/video.png");
 227 }
 228 .icon.s48.type-image {
 229   background-image: url("../../../images/icons/48/image.png");
 230 }
 231 .icon.s48.type-text {
 232   background-image: url("../../../images/icons/48/text.png");
 233 }
 234 /* global */
 235 body {
 236   font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
 237   font-size: 11px;
 238   background-color: #ffffff;
 239   color: #2d2d2d;
 240   margin: 50px 0px 0px 0px;
 241   display: table;
 242 }
 243 h4 {
 244   font-size: 1.1em;
 245 }
 246 a,
 247 a:link {
 248   color: #009100;
 249   text-decoration: none;
 250 }
 251 a:visited {
 252   color: #009100;
 253   text-decoration: none;
 254 }
 255 a:hover {
 256   color: #009100;
 257   text-decoration: underline;
 258 }
 259 .left {
 260   float: left;
 261 }
 262 .right {
 263   float: right;
 264 }
 265 .hidden {
 266   display: none;
 267 }
 268 .clear {
 269   clear: both;
 270 }
 271 .fakelink {
 272   color: #009100;
 273   text-decoration: none;
 274   cursor: pointer;
 275 }
 276 .fakelink:hover {
 277   color: #009100;
 278   text-decoration: underline;
 279 }
 280 code {
 281   font-family: Courier, monospace;
 282   white-space: pre;
 283   display: block;
 284   overflow: auto;
 285   border: 1px solid #444;
 286   background: #EEE;
 287   color: #444;
 288   padding: 10px;
 289   margin-top: 20px;
 290 }
 291 #panel {
 292   position: absolute;
 293   width: 10em;
 294   background: #ffffff;
 295   color: #2d2d2d;
 296   margin: 0px;
 297   padding: 1em;
 298   list-style: none;
 299   border: 3px solid #364e59;
 300   z-index: 100000;
 301   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 302   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 303   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 304 }
 305 /* tool */
 306 .tool {
 307   height: auto;
 308   overflow: auto;
 309 }
 310 .tool .label {
 311   float: left;
 312 }
 313 .tool .action {
 314   float: right;
 315 }
 316 /* popup notifications */
 317 div.jGrowl div.notice {
 318   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
 319   color: #ffffff;
 320   padding-left: 58px;
 321 }
 322 div.jGrowl div.info {
 323   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
 324   color: #ffffff;
 325   padding-left: 58px;
 326 }
 327 /* header */
 328 header {
 329   position: fixed;
 330   left: 43%;
 331   right: 43%;
 332   top: 0px;
 333   margin: 0px;
 334   padding: 0px;
 335   /*width: 100%; height: 12px; */
 336
 337   z-index: 110;
 338   color: #ffffff;
 339 }
 340 header #site-location {
 341   display: none;
 342 }
 343 header #banner {
 344   overflow: hidden;
 345   text-align: center;
 346   width: 100%;
 347 }
 348 header #banner a,
 349 header #banner a:active,
 350 header #banner a:visited,
 351 header #banner a:link,
 352 header #banner a:hover {
 353   color: #ffffff;
 354   text-decoration: none;
 355   outline: none;
 356   vertical-align: bottom;
 357 }
 358 header #banner #logo-img {
 359   height: 22px;
 360   margin-top: 5px;
 361 }
 362 header #banner #logo-text {
 363   font-size: 22px;
 364 }
 365 /* nav */
 366 nav {
 367   width: 100%;
 368   height: 32px;
 369   position: fixed;
 370   left: 0px;
 371   top: 0px;
 372   padding: 0px;
 373   background-color: #009100;
 374   color: #ffffff;
 375   z-index: 100;
 376   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 377   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 378   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 379 }
 380 nav a,
 381 nav a:active,
 382 nav a:visited,
 383 nav a:link,
 384 nav a:hover {
 385   color: #ffffff;
 386   text-decoration: none;
 387   outline: none;
 388 }
 389 nav ul {
 390   margin: 0px;
 391   padding: 0px 20px;
 392 }
 393 nav ul li {
 394   list-style: none;
 395   margin: 0px;
 396   padding: 0px;
 397   float: left;
 398 }
 399 nav ul li .menu-popup {
 400   left: 0px;
 401   right: auto;
 402 }
 403 nav .nav-menu-icon {
 404   position: relative;
 405   height: 22px;
 406   padding: 5px;
 407   margin: 0px 10px;
 408   -moz-border-radius: 5px 5px 0 0;
 409   -webkit-border-radius: 5px 5px 0 0;
 410   border-radius: 5px 5px 0 0;
 411 }
 412 nav .nav-menu-icon.selected {
 413   background-color: #364e59;
 414 }
 415 nav .nav-menu-icon img {
 416   width: 22px;
 417   height: 22px;
 418 }
 419 nav .nav-menu-icon .nav-notify {
 420   top: 3px;
 421 }
 422 nav .nav-menu {
 423   position: relative;
 424   height: 16px;
 425   padding: 5px;
 426   margin: 3px 15px 0px;
 427   font-size: 14px;
 428   border-bottom: 3px solid #009100;
 429 }
 430 nav .nav-menu.selected {
 431   border-bottom: 3px solid #9eabb0;
 432 }
 433 nav .nav-notify {
 434   display: none;
 435   position: absolute;
 436   background-color: #dc0000;
 437   -moz-border-radius: 5px 5px 5px 5px;
 438   -webkit-border-radius: 5px 5px 5px 5px;
 439   border-radius: 5px 5px 5px 5px;
 440   font-size: 10px;
 441   padding: 1px 3px;
 442   top: 0px;
 443   right: -10px;
 444   min-width: 15px;
 445   text-align: right;
 446 }
 447 nav .nav-notify.show {
 448   display: block;
 449 }
 450 nav #nav-help-link,
 451 nav #nav-search-link,
 452 nav #nav-directory-link,
 453 nav #nav-apps-link,
 454 nav #nav-site-linkmenu {
 455   float: right;
 456 }
 457 nav #nav-help-link .menu-popup,
 458 nav #nav-search-link .menu-popup,
 459 nav #nav-directory-link .menu-popup,
 460 nav #nav-apps-link .menu-popup,
 461 nav #nav-site-linkmenu .menu-popup {
 462   right: 0px;
 463   left: auto;
 464 }
 465 nav #nav-notifications-linkmenu.on .icon.s22.notify,
 466 nav #nav-notifications-linkmenu.selected .icon.s22.notify {
 467   background-image: url("../../../images/icons/22/notify_on.png");
 468 }
 469 nav #nav-apps-link.selected {
 470   background-color: #364e59;
 471 }
 472 ul.menu-popup {
 473   position: absolute;
 474   display: none;
 475   width: 10em;
 476   background: #ffffff;
 477   color: #2d2d2d;
 478   margin: 0px;
 479   padding: 0px;
 480   list-style: none;
 481   border: 3px solid #364e59;
 482   z-index: 100000;
 483   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 484   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 485   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 486 }
 487 ul.menu-popup a {
 488   display: block;
 489   color: #2d2d2d;
 490   padding: 5px 10px;
 491   text-decoration: none;
 492 }
 493 ul.menu-popup a:hover {
 494   background-color: #ccff42;
 495 }
 496 ul.menu-popup .menu-sep {
 497   border-top: 1px solid #9eabb0;
 498 }
 499 ul.menu-popup li {
 500   float: none;
 501   overflow: auto;
 502   height: auto;
 503   display: block;
 504 }
 505 ul.menu-popup li img {
 506   float: left;
 507   width: 16px;
 508   height: 16px;
 509   padding-right: 5px;
 510 }
 511 ul.menu-popup .empty {
 512   padding: 5px;
 513   text-align: center;
 514   color: #9eabb0;
 515 }
 516 ul.menu-popup .toolbar {
 517   background-color: #9eabb0;
 518   height: auto;
 519   overflow: auto;
 520 }
 521 ul.menu-popup .toolbar a {
 522   float: right;
 523 }
 524 ul.menu-popup .toolbar a:hover {
 525   background-color: #ffffff;
 526 }
 527 /* autocomplete popup */
 528 .acpopup {
 529   max-height: 150px;
 530   background-color: #ffffff;
 531   color: #2d2d2d;
 532   border: 1px solid #MenuBorder;
 533   overflow: auto;
 534   z-index: 100000;
 535   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 536   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 537   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 538 }
 539 .acpopupitem {
 540   color: #2d2d2d;
 541   padding: 4px;
 542   clear: left;
 543 }
 544 .acpopupitem img {
 545   float: left;
 546   margin-right: 4px;
 547 }
 548 .acpopupitem.selected {
 549   background-color: #ccff42;
 550 }
 551 #nav-notifications-menu {
 552   width: 400px;
 553   max-height: 550px;
 554   overflow: auto;
 555 }
 556 #nav-notifications-menu img {
 557   float: left;
 558   margin-right: 5px;
 559 }
 560 #nav-notifications-menu .contactname {
 561   font-weight: bold;
 562 }
 563 #nav-notifications-menu .notif-when {
 564   font-size: 10px;
 565   color: #9eabb0;
 566   display: block;
 567 }
 568 /* aside */
 569 aside {
 570   display: table-cell;
 571   vertical-align: top;
 572   width: 200px;
 573   padding: 0px 10px 0px 20px;
 574   border-right: 1px solid #bdcdd4;
 575 }
 576 aside .vcard .fn {
 577   font-size: 16px;
 578   font-weight: bold;
 579   margin-bottom: 5px;
 580 }
 581 aside .vcard .title {
 582   margin-bottom: 5px;
 583 }
 584 aside .vcard dl {
 585   height: auto;
 586   overflow: auto;
 587 }
 588 aside .vcard dt {
 589   float: left;
 590   margin-left: 0px;
 591   width: 35%;
 592   text-align: right;
 593   color: #999999;
 594 }
 595 aside .vcard dd {
 596   float: left;
 597   margin-left: 4px;
 598   width: 60%;
 599 }
 600 aside #profile-extra-links ul {
 601   padding: 0px;
 602   margin: 0px;
 603 }
 604 aside #profile-extra-links li {
 605   padding: 0px;
 606   margin: 0px;
 607   list-style: none;
 608 }
 609 aside #dfrn-request-link {
 610   display: block;
 611   -moz-border-radius: 5px 5px 5px 5px;
 612   -webkit-border-radius: 5px 5px 5px 5px;
 613   border-radius: 5px 5px 5px 5px;
 614   color: #ffffff;
 615   background: #009100 url('../../../images/connect-bg.png') no-repeat left center;
 616   font-weight: bold;
 617   text-transform: uppercase;
 618   padding: 4px 2px 2px 35px;
 619 }
 620 aside #dfrn-request-link:hover {
 621   text-decoration: none;
 622   background-color: #ccff42;
 623 }
 624 aside #profiles-menu {
 625   width: 20em;
 626 }
 627 #contact-block {
 628   overflow: auto;
 629   height: auto;
 630   /*.contact-block-div { width:60px; height: 60px; }*/
 631
 632 }
 633 #contact-block .contact-block-h4 {
 634   float: left;
 635   margin: 5px 0px;
 636 }
 637 #contact-block .allcontact-link {
 638   float: right;
 639   margin: 5px 0px;
 640 }
 641 #contact-block .contact-block-content {
 642   clear: both;
 643   overflow: hidden;
 644   height: auto;
 645 }
 646 #contact-block .contact-block-link {
 647   float: left;
 648   margin: 0px 2px 2px 0px;
 649 }
 650 #contact-block .contact-block-link img {
 651   width: 48px;
 652   height: 48px;
 653 }
 654 /* group member */
 655 #contact-edit-drop-link,
 656 .mail-list-delete-wrapper,
 657 .group-delete-wrapper {
 658   float: right;
 659   margin-right: 50px;
 660 }
 661 #contact-edit-drop-link .drophide,
 662 .mail-list-delete-wrapper .drophide,
 663 .group-delete-wrapper .drophide {
 664   background-image: url('../../../images/icons/22/delete.png');
 665   display: block;
 666   width: 22px;
 667   height: 22px;
 668   opacity: 0.3;
 669   position: relative;
 670   top: -50px;
 671 }
 672 #contact-edit-drop-link .drop,
 673 .mail-list-delete-wrapper .drop,
 674 .group-delete-wrapper .drop {
 675   background-image: url('../../../images/icons/22/delete.png');
 676   display: block;
 677   width: 22px;
 678   height: 22px;
 679   position: relative;
 680   top: -50px;
 681 }
 682 /*
 683 #group-members {
 684         margin-top: 20px;
 685         padding: 10px;
 686         height: 250px;
 687         overflow: auto;
 688         border: 1px solid #ddd;
 689 }
 690 #group-members-end {
 691         clear: both;
 692 }
 693 #group-all-contacts {
 694         padding: 10px;
 695         height: 450px;
 696         overflow: auto;
 697         border: 1px solid #ddd;
 698 }
 699 #group-all-contacts-end {
 700         clear: both;
 701         margin-bottom: 10px;
 702 }
 703 .contact-block-div {
 704         float: left;
 705         width: 60px;
 706         height: 60px;
 707 }*/
 708 /* widget */
 709 .widget {
 710   margin-bottom: 2em;
 711   /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
 712         .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
 713
 714 }
 715 .widget h3 {
 716   padding: 0px;
 717   margin: 2px;
 718 }
 719 .widget .action {
 720   opacity: 0.1;
 721   -webkit-transition: all 0.2s ease-in-out;
 722   -moz-transition: all 0.2s ease-in-out;
 723   -o-transition: all 0.2s ease-in-out;
 724   -ms-transition: all 0.2s ease-in-out;
 725   transition: all 0.2s ease-in-out;
 726 }
 727 .widget input.action {
 728   opacity: 0.5;
 729   -webkit-transition: all 0.2s ease-in-out;
 730   -moz-transition: all 0.2s ease-in-out;
 731   -o-transition: all 0.2s ease-in-out;
 732   -ms-transition: all 0.2s ease-in-out;
 733   transition: all 0.2s ease-in-out;
 734 }
 735 .widget:hover .title .action {
 736   opacity: 1;
 737   -webkit-transition: all 0.2s ease-in-out;
 738   -moz-transition: all 0.2s ease-in-out;
 739   -o-transition: all 0.2s ease-in-out;
 740   -ms-transition: all 0.2s ease-in-out;
 741   transition: all 0.2s ease-in-out;
 742 }
 743 .widget .tool:hover .action {
 744   opacity: 1;
 745   -webkit-transition: all 0.2s ease-in-out;
 746   -moz-transition: all 0.2s ease-in-out;
 747   -o-transition: all 0.2s ease-in-out;
 748   -ms-transition: all 0.2s ease-in-out;
 749   transition: all 0.2s ease-in-out;
 750 }
 751 .widget .tool:hover .action.ticked {
 752   opacity: 1;
 753   -webkit-transition: all 0.2s ease-in-out;
 754   -moz-transition: all 0.2s ease-in-out;
 755   -o-transition: all 0.2s ease-in-out;
 756   -ms-transition: all 0.2s ease-in-out;
 757   transition: all 0.2s ease-in-out;
 758 }
 759 .widget ul {
 760   padding: 0px;
 761 }
 762 .widget ul li {
 763   padding-left: 16px;
 764   min-height: 16px;
 765   list-style: none;
 766 }
 767 .widget .tool.selected {
 768   background: url('../../../images/selected.png') no-repeat left center;
 769 }
 770 /* widget: search */
 771 #add-search-popup {
 772   width: 200px;
 773   top: 18px;
 774 }
 775 /* section */
 776 section {
 777   display: table-cell;
 778   vertical-align: top;
 779   width: 800px;
 780   padding: 0px 20px 0px 10px;
 781 }
 782 /* wall item */
 783 .tread-wrapper {
 784   background-color: #f6f7f8;
 785   position: relative;
 786   padding: 10px;
 787   margin-bottom: 20px;
 788   width: 780px;
 789 }
 790 .wall-item-decor {
 791   position: absolute;
 792   left: 97%;
 793   top: -10px;
 794   width: 16px;
 795 }
 796 .unstarred {
 797   display: none;
 798 }
 799 .wall-item-container {
 800   display: table;
 801   width: 780px;
 802 }
 803 .wall-item-container .wall-item-item,
 804 .wall-item-container .wall-item-bottom {
 805   display: table-row;
 806 }
 807 .wall-item-container .wall-item-bottom {
 808   opacity: 0.5;
 809   -webkit-transition: all 0.2s ease-in-out;
 810   -moz-transition: all 0.2s ease-in-out;
 811   -o-transition: all 0.2s ease-in-out;
 812   -ms-transition: all 0.2s ease-in-out;
 813   transition: all 0.2s ease-in-out;
 814 }
 815 .wall-item-container:hover .wall-item-bottom {
 816   opacity: 1;
 817   -webkit-transition: all 0.2s ease-in-out;
 818   -moz-transition: all 0.2s ease-in-out;
 819   -o-transition: all 0.2s ease-in-out;
 820   -ms-transition: all 0.2s ease-in-out;
 821   transition: all 0.2s ease-in-out;
 822 }
 823 .wall-item-container .wall-item-info {
 824   display: table-cell;
 825   vertical-align: top;
 826   text-align: left;
 827   width: 60px;
 828 }
 829 .wall-item-container .wall-item-location {
 830   word-wrap: break-word;
 831   width: 50px;
 832 }
 833 .wall-item-container .wall-item-content {
 834   display: table-cell;
 835   font-size: 12px;
 836   max-width: 720px;
 837   word-wrap: break-word;
 838 }
 839 .wall-item-container .wall-item-content img {
 840   max-width: 710px;
 841 }
 842 .wall-item-container .wall-item-links,
 843 .wall-item-container .wall-item-actions {
 844   display: table-cell;
 845   vertical-align: middle;
 846 }
 847 .wall-item-container .wall-item-links .icon,
 848 .wall-item-container .wall-item-actions .icon {
 849   opacity: 0.5;
 850   -webkit-transition: all 0.2s ease-in-out;
 851   -moz-transition: all 0.2s ease-in-out;
 852   -o-transition: all 0.2s ease-in-out;
 853   -ms-transition: all 0.2s ease-in-out;
 854   transition: all 0.2s ease-in-out;
 855 }
 856 .wall-item-container .wall-item-links .icon:hover,
 857 .wall-item-container .wall-item-actions .icon:hover {
 858   opacity: 1;
 859   -webkit-transition: all 0.2s ease-in-out;
 860   -moz-transition: all 0.2s ease-in-out;
 861   -o-transition: all 0.2s ease-in-out;
 862   -ms-transition: all 0.2s ease-in-out;
 863   transition: all 0.2s ease-in-out;
 864 }
 865 .wall-item-container .wall-item-ago {
 866   padding-right: 40px;
 867 }
 868 .wall-item-container .wall-item-name {
 869   font-weight: bold;
 870 }
 871 .wall-item-container .wall-item-actions-author {
 872   float: left;
 873   width: 20em;
 874   margin-top: 0.5em;
 875 }
 876 .wall-item-container .wall-item-actions-social {
 877   float: left;
 878   margin-top: 0.5em;
 879 }
 880 .wall-item-container .wall-item-actions-social a {
 881   margin-right: 3em;
 882 }
 883 .wall-item-container .wall-item-actions-tools {
 884   float: right;
 885   width: 15%;
 886 }
 887 .wall-item-container .wall-item-actions-tools a {
 888   float: right;
 889 }
 890 .wall-item-container .wall-item-actions-tools input {
 891   float: right;
 892 }
 893 .wall-item-container.comment {
 894   /*margin-top: 50px;*/
 895
 896 }
 897 .wall-item-container.comment .contact-photo {
 898   width: 32px;
 899   height: 32px;
 900   margin-left: 16px;
 901   /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
 902
 903 }
 904 .wall-item-container.comment .contact-photo-menu-button {
 905   top: 15px !important;
 906   left: 15px !important;
 907 }
 908 .wall-item-container.comment .wall-item-links {
 909   padding-left: 12px;
 910 }
 911 .wall-item-comment-wrapper {
 912   margin: 30px 2em 2em 60px;
 913 }
 914 .wall-item-comment-wrapper .comment-edit-photo {
 915   display: none;
 916 }
 917 .wall-item-comment-wrapper textarea {
 918   height: 1em;
 919   width: 100%;
 920   font-size: 10px;
 921   color: #999999;
 922   border: 1px solid #999999;
 923   padding: 0.3em;
 924 }
 925 .wall-item-comment-wrapper .comment-edit-text-full {
 926   font-size: 14px;
 927   height: 4em;
 928   color: #2d2d2d;
 929   border: 1px solid #2d2d2d;
 930 }
 931 .comment-edit-preview {
 932   width: 710px;
 933   border: 1px solid #2d2d2d;
 934   margin-top: 10px;
 935 }
 936 .comment-edit-preview .contact-photo {
 937   width: 32px;
 938   height: 32px;
 939   margin-left: 16px;
 940   /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
 941
 942 }
 943 .comment-edit-preview .contact-photo-menu-button {
 944   top: 15px !important;
 945   left: 15px !important;
 946 }
 947 .comment-edit-preview .wall-item-links {
 948   padding-left: 12px;
 949 }
 950 .comment-edit-preview .wall-item-container {
 951   width: 700px;
 952 }
 953 .comment-edit-preview .tread-wrapper {
 954   width: 700px;
 955   padding: 0;
 956   margin: 10px 0;
 957 }
 958 .shiny {
 959   border-right: 10px solid #ddffdd;
 960 }
 961 #jot-preview-content .tread-wrapper {
 962   background-color: #ddffdd;
 963 }
 964 .wall-item-tags {
 965   padding-top: 5px;
 966 }
 967 .tag {
 968   background: url("../../../images/tag_b.png") no-repeat center left;
 969   color: #ffffff;
 970   padding-left: 3px;
 971 }
 972 .tag a {
 973   padding-right: 8px;
 974   background: url("../../../images/tag.png") no-repeat center right;
 975   color: #ffffff;
 976 }
 977 .filesavetags {
 978   padding: 3px 0px 3px 0px;
 979   opacity: 0.5;
 980 }
 981 .wwto {
 982   background: #FFFFFF;
 983   border: 2px solid #364e59;
 984   height: 25px;
 985   width: 25px;
 986   overflow: hidden;
 987   padding: 1px;
 988   position: absolute !important;
 989   top: 40px;
 990   left: 30px;
 991   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 992   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 993   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 994 }
 995 .wwto .contact-photo {
 996   width: 25px;
 997   height: 25px;
 998 }
 999 #pause {
1000   position: fixed;
1001   bottom: 5px;
1002   right: 5px;
1003 }
1004 .contact-photo-wrapper {
1005   position: relative;
1006 }
1007 .contact-photo {
1008   width: 48px;
1009   height: 48px;
1010   overflow: hidden;
1011   display: block;
1012 }
1013 .contact-photo img {
1014   width: 48px;
1015   height: 48px;
1016 }
1017 .contact-photo-menu-button {
1018   display: none;
1019   position: absolute;
1020   left: -2px;
1021   top: 31px;
1022 }
1023 .contact-wrapper {
1024   float: left;
1025   width: 300px;
1026   height: 90px;
1027   padding-right: 10px;
1028   margin: 0 10px 10px 0px;
1029 }
1030 .contact-wrapper .contact-photo-wrapper {
1031   float: left;
1032   margin-right: 10px;
1033 }
1034 .contact-wrapper .contact-photo {
1035   width: 80px;
1036   height: 80px;
1037 }
1038 .contact-wrapper .contact-photo img {
1039   width: 80px;
1040   height: 80px;
1041 }
1042 .contact-wrapper .contact-photo-menu-button {
1043   left: 0px;
1044   top: 63px;
1045 }
1046 .directory-item {
1047   float: left;
1048   width: 200px;
1049   height: 200px;
1050 }
1051 .directory-item .contact-photo {
1052   width: 175px;
1053   height: 175px;
1054 }
1055 .directory-item .contact-photo img {
1056   width: 175px;
1057   height: 175px;
1058 }
1059 .contact-name {
1060   font-weight: bold;
1061   padding-top: 15px;
1062 }
1063 .contact-details {
1064   color: #999999;
1065   white-space: nowrap;
1066   overflow: hidden;
1067   text-overflow: ellipsis;
1068 }
1069 /* editor */
1070 .jothidden {
1071   display: none;
1072 }
1073 #jot {
1074   width: 100%;
1075   margin: 0px 2em 20px 0px;
1076 }
1077 #jot .profile-jot-text {
1078   height: 1em;
1079   width: 99%;
1080   font-size: 10px;
1081   color: #999999;
1082   border: 1px solid #999999;
1083   padding: 0.3em;
1084 }
1085 #jot #jot-tools {
1086   margin: 0px;
1087   padding: 0px;
1088   height: 40px;
1089   overflow: none;
1090   width: 800px;
1091   background-color: #009100;
1092   border-bottom: 2px solid #9eabb0;
1093 }
1094 #jot #jot-tools li {
1095   list-style: none;
1096   float: left;
1097   width: 80px;
1098   height: 40px;
1099   border-bottom: 2px solid #9eabb0;
1100 }
1101 #jot #jot-tools li a {
1102   display: block;
1103   color: #2d2d2d;
1104   width: 100%;
1105   height: 40px;
1106   text-align: center;
1107   line-height: 40px;
1108   overflow: hidden;
1109 }
1110 #jot #jot-tools li:hover {
1111   background-color: #9ade00;
1112   border-bottom: 2px solid #bdcdd4;
1113 }
1114 #jot #jot-tools li.perms {
1115   float: right;
1116   width: 40px;
1117 }
1118 #jot #jot-tools li.perms a.unlock {
1119   width: 30px;
1120   border-left: 10px solid #cccccc;
1121   background-color: #cccccc;
1122 }
1123 #jot #jot-tools li.perms a.lock {
1124   width: 30px;
1125   border-left: 10px solid #666666;
1126   background-color: #666666;
1127 }
1128 #jot #jot-tools li.submit {
1129   float: right;
1130   background-color: #cccccc;
1131   border-bottom: 2px solid #cccccc;
1132   border-right: 1px solid #666666;
1133   border-left: 1px solid #666666;
1134 }
1135 #jot #jot-tools li.submit input {
1136   border: 0px;
1137   margin: 0px;
1138   padding: 0px;
1139   background-color: #cccccc;
1140   color: #666666;
1141   width: 80px;
1142   height: 40px;
1143   line-height: 40px;
1144 }
1145 #jot #jot-tools li.submit input:hover {
1146   background-color: #ccff42;
1147   color: #666666;
1148 }
1149 #jot #jot-tools li.loading {
1150   float: right;
1151   background-color: #ffffff;
1152   width: 20px;
1153   vertical-align: center;
1154   text-align: center;
1155   border-top: 2px solid #9eabb0;
1156   height: 38px;
1157 }
1158 #jot #jot-tools li.loading img {
1159   margin-top: 10px;
1160 }
1161 #jot #jot-title {
1162   border: 0px;
1163   margin: 0px;
1164   height: 20px;
1165   width: 700px;
1166   font-weight: bold;
1167   border: 1px solid #ffffff;
1168 }
1169 #jot #jot-title:-webkit-input-placeholder {
1170   font-weight: normal;
1171 }
1172 #jot #jot-title:-moz-placeholder {
1173   font-weight: normal;
1174 }
1175 #jot #jot-title:hover {
1176   border: 1px solid #999999;
1177 }
1178 #jot #jot-title:focus {
1179   border: 1px solid #999999;
1180 }
1181 #jot #character-counter {
1182   width: 80px;
1183   float: right;
1184   text-align: right;
1185   height: 20px;
1186   line-height: 20px;
1187   padding-right: 20px;
1188 }
1189 /** buttons **/
1190 /*input[type="submit"] {
1191         border: 0px;
1192     background-color: @ButtonBackgroundColor;
1193     color: @ButtonColor;
1194     padding: 0px 10px;
1195         .rounded(5px);
1196     height: 18px;
1197 }*/
1198 /** acl **/
1199 #photo-edit-perms-select,
1200 #photos-upload-permissions-wrapper,
1201 #profile-jot-acl-wrapper {
1202   display: block!important;
1203 }
1204 #acl-wrapper {
1205   width: 690px;
1206   float: left;
1207 }
1208 #acl-search {
1209   float: right;
1210   background: #ffffff url("../../../images/search_18.png") no-repeat right center;
1211   padding-right: 20px;
1212 }
1213 #acl-showall {
1214   float: left;
1215   display: block;
1216   width: auto;
1217   height: 18px;
1218   background-color: #cccccc;
1219   background-image: url("../../../images/show_all_off.png");
1220   background-position: 7px 7px;
1221   background-repeat: no-repeat;
1222   padding: 7px 5px 0px 30px;
1223   color: #999999;
1224   -moz-border-radius: 5px 5px 5px 5px;
1225   -webkit-border-radius: 5px 5px 5px 5px;
1226   border-radius: 5px 5px 5px 5px;
1227 }
1228 #acl-showall.selected {
1229   color: #000000;
1230   background-color: #ff9900;
1231   background-image: url("../../../images/show_all_on.png");
1232 }
1233 #acl-list {
1234   height: 210px;
1235   border: 1px solid #cccccc;
1236   clear: both;
1237   margin-top: 30px;
1238   overflow: auto;
1239 }
1240 .acl-list-item {
1241   display: block;
1242   width: 150px;
1243   height: 30px;
1244   border: 1px solid #cccccc;
1245   margin: 5px;
1246   float: left;
1247 }
1248 .acl-list-item img {
1249   width: 22px;
1250   height: 22px;
1251   float: left;
1252   margin: 4px;
1253 }
1254 .acl-list-item p {
1255   height: 12px;
1256   font-size: 10px;
1257   margin: 0px;
1258   padding: 2px 0px 1px;
1259   overflow: hidden;
1260 }
1261 .acl-list-item a {
1262   font-size: 8px;
1263   display: block;
1264   width: 40px;
1265   height: 10px;
1266   float: left;
1267   color: #999999;
1268   background-color: #cccccc;
1269   background-position: 3px 3px;
1270   background-repeat: no-repeat;
1271   margin-right: 5px;
1272   -webkit-border-radius: 2px ;
1273   -moz-border-radius: 2px;
1274   border-radius: 2px;
1275   padding-left: 15px;
1276 }
1277 #acl-wrapper a:hover {
1278   text-decoration: none;
1279   color: #000000;
1280 }
1281 .acl-button-show {
1282   background-image: url("../../../images/show_off.png");
1283 }
1284 .acl-button-hide {
1285   background-image: url("../../../images/hide_off.png");
1286 }
1287 .acl-button-show.selected {
1288   color: #000000;
1289   background-color: #9ade00;
1290   background-image: url("../../../images/show_on.png");
1291 }
1292 .acl-button-hide.selected {
1293   color: #000000;
1294   background-color: #ff4141;
1295   background-image: url("../../../images/hide_on.png");
1296 }
1297 .acl-list-item.groupshow {
1298   border-color: #9ade00;
1299 }
1300 .acl-list-item.grouphide {
1301   border-color: #ff4141;
1302 }
1303 /** /acl **/
1304 /** tab buttons **/
1305 ul.tabs {
1306   list-style-type: none;
1307   padding-bottom: 10px;
1308 }
1309 ul.tabs li {
1310   float: left;
1311   margin-left: 20px;
1312 }
1313 ul.tabs li .active {
1314   border-bottom: 1px solid #009100;
1315 }
1316 /** group editor **/
1317 #group-edit-desc {
1318   margin-top: 1em;
1319   color: #999999;
1320 }
1321 #group-update-wrapper {
1322   height: auto;
1323   overflow: auto;
1324 }
1325 #group-update-wrapper #group {
1326   width: 300px;
1327   float: left;
1328   margin-right: 20px;
1329 }
1330 #group-update-wrapper #contacts {
1331   width: 300px;
1332   float: left;
1333 }
1334 #group-update-wrapper #group-separator {
1335   display: none;
1336 }
1337 #group-update-wrapper .contact_list {
1338   height: 300px;
1339   border: 1px solid #364e59;
1340   overflow: auto;
1341 }
1342 #group-update-wrapper .contact_list .contact-block-div {
1343   width: 50px;
1344   height: 50px;
1345   float: left;
1346 }
1347 /**
1348  * Form fields
1349  */
1350 .field {
1351   margin-bottom: 10px;
1352   padding-bottom: 10px;
1353   overflow: auto;
1354   width: 100%;
1355 }
1356 .field label {
1357   float: left;
1358   width: 200px;
1359 }
1360 .field input,
1361 .field textarea {
1362   width: 400px;
1363 }
1364 .field input[type="checkbox"],
1365 .field input[type="radio"] {
1366   width: auto;
1367 }
1368 .field textarea {
1369   height: 100px;
1370 }
1371 .field .field_help {
1372   display: block;
1373   margin-left: 200px;
1374   color: #999999;
1375 }
1376 .field .onoff {
1377   float: left;
1378   width: 80px;
1379 }
1380 .field .onoff a {
1381   display: block;
1382   border: 1px solid #666666;
1383   background-image: url("../../../images/onoff.jpg");
1384   background-repeat: no-repeat;
1385   padding: 4px 2px 2px 2px;
1386   height: 16px;
1387   text-decoration: none;
1388 }
1389 .field .onoff .off {
1390   border-color: #666666;
1391   padding-left: 40px;
1392   background-position: left center;
1393   background-color: #cccccc;
1394   color: #666666;
1395   text-align: right;
1396 }
1397 .field .onoff .on {
1398   border-color: #204A87;
1399   padding-right: 40px;
1400   background-position: right center;
1401   background-color: #D7E3F1;
1402   color: #204A87;
1403   text-align: left;
1404 }
1405 .field .hidden {
1406   display: none!important;
1407 }
1408 .field.radio .field_help {
1409   margin-left: 0px;
1410 }
1411 #profile-edit-links li {
1412   list-style: none;
1413   margin-top: 10px;
1414 }
1415 #profile-edit-default-desc {
1416   color: #FF0000;
1417   border: 1px solid #FF8888;
1418   background-color: #FFEEEE;
1419   padding: 7px;
1420 }
1421 #profile-edit-profile-name-label,
1422 #profile-edit-name-label,
1423 #profile-edit-pdesc-label,
1424 #profile-edit-gender-label,
1425 #profile-edit-dob-label,
1426 #profile-edit-address-label,
1427 #profile-edit-locality-label,
1428 #profile-edit-region-label,
1429 #profile-edit-postal-code-label,
1430 #profile-edit-country-name-label,
1431 #profile-edit-marital-label,
1432 #profile-edit-with-label,
1433 #profile-edit-sexual-label,
1434 #profile-edit-politic-label,
1435 #profile-edit-religion-label,
1436 #profile-edit-pubkeywords-label,
1437 #profile-edit-prvkeywords-label,
1438 #profile-edit-gender-select,
1439 #profile-edit-homepage-label {
1440   float: left;
1441   width: 175px;
1442   padding-top: 7px;
1443 }
1444 #profile-edit-profile-name,
1445 #profile-edit-name,
1446 #gender-select,
1447 #profile-edit-pdesc,
1448 #profile-edit-gender,
1449 #profile-edit-dob,
1450 #profile-edit-address,
1451 #profile-edit-locality,
1452 #profile-edit-region,
1453 #profile-edit-postal-code,
1454 #profile-edit-country-name,
1455 #profile-edit-marital,
1456 #profile-edit-with,
1457 #profile-edit-sexual,
1458 #profile-edit-politic,
1459 #profile-edit-religion,
1460 #profile-edit-pubkeywords,
1461 #profile-edit-prvkeywords,
1462 #profile-edit-homepage {
1463   margin-top: 5px;
1464 }
1465 /* oauth */
1466 .oauthapp {
1467   height: auto;
1468   overflow: auto;
1469   border-bottom: 2px solid #cccccc;
1470   padding-bottom: 1em;
1471   margin-bottom: 1em;
1472 }
1473 .oauthapp img {
1474   float: left;
1475   width: 48px;
1476   height: 48px;
1477   margin: 10px;
1478 }
1479 .oauthapp img.noicon {
1480   background-image: url("../../../images/icons/48/plugin.png");
1481   background-position: center center;
1482   background-repeat: no-repeat;
1483 }
1484 .oauthapp a {
1485   float: left;
1486 }
1487 /* contacts */
1488 .contact-entry-wrapper {
1489   width: 50px;
1490   float: left;
1491 }
1492 /* photo */
1493 .lframe {
1494   float: left;
1495   margin: 0px 10px 10px 0px;
1496 }
1497 /* profile match wrapper */
1498 .profile-match-wrapper {
1499   float: left;
1500   width: 90px;
1501   height: 90px;
1502   margin-bottom: 20px;
1503 }
1504 .profile-match-wrapper .contact-photo {
1505   width: 80px;
1506   height: 80px;
1507 }
1508 .profile-match-wrapper .contact-photo img {
1509   width: 80px;
1510   height: 80px;
1511 }
1512 .profile-match-wrapper .contact-photo-menu-button {
1513   left: 0px;
1514   top: 63px;
1515 }
1516 /* messages */
1517 #message-new {
1518   background: #19aeff;
1519   border: 1px solid #005c94;
1520   width: 150px;
1521 }
1522 #message-new a {
1523   color: #ffffff;
1524   text-align: center;
1525   display: block;
1526   font-weight: bold;
1527   padding: 1em 0px;
1528 }
1529 .mail-list-wrapper {
1530   background-color: #f6f7f8;
1531   margin-bottom: 5px;
1532   width: 100%;
1533   height: auto;
1534   overflow: hidden;
1535 }
1536 .mail-list-wrapper span {
1537   display: block;
1538   float: left;
1539   width: 20%;
1540   overflow: hidden;
1541 }
1542 .mail-list-wrapper .mail-subject {
1543   width: 30%;
1544   padding: 4px 0px 0px 4px;
1545 }
1546 .mail-list-wrapper .mail-subject a {
1547   display: block;
1548 }
1549 .mail-list-wrapper .mail-subject.unseen a {
1550   font-weight: bold;
1551 }
1552 .mail-list-wrapper .mail-date {
1553   padding: 4px 4px 0px 4px;
1554 }
1555 .mail-list-wrapper .mail-from {
1556   padding: 4px 4px 0px 4px;
1557 }
1558 .mail-list-wrapper .mail-count {
1559   padding: 4px 4px 0px 4px;
1560   text-align: right;
1561 }
1562 .mail-list-wrapper .mail-delete {
1563   float: right;
1564 }
1565 #mail-display-subject {
1566   background-color: #f6f7f8;
1567   color: #2d2d2d;
1568   margin-bottom: 10px;
1569   width: 100%;
1570   height: auto;
1571   overflow: hidden;
1572 }
1573 #mail-display-subject span {
1574   float: left;
1575   overflow: hidden;
1576   padding: 4px 0px 0px 10px;
1577 }
1578 #mail-display-subject .mail-delete {
1579   float: right;
1580   opacity: 0.5;
1581   -webkit-transition: all 0.2s ease-in-out;
1582   -moz-transition: all 0.2s ease-in-out;
1583   -o-transition: all 0.2s ease-in-out;
1584   -ms-transition: all 0.2s ease-in-out;
1585   transition: all 0.2s ease-in-out;
1586 }
1587 #mail-display-subject:hover .mail-delete {
1588   opacity: 1;
1589   -webkit-transition: all 0.2s ease-in-out;
1590   -moz-transition: all 0.2s ease-in-out;
1591   -o-transition: all 0.2s ease-in-out;
1592   -ms-transition: all 0.2s ease-in-out;
1593   transition: all 0.2s ease-in-out;
1594 }
1595 /* mail view */
1596 /*
1597 .mail-conv-sender,
1598 .mail-conv-detail {
1599         float: left;
1600 }
1601 .mail-conv-detail {
1602         margin-left: 20px;
1603         width: 500px;
1604 }
1605
1606 .mail-conv-subject {
1607     font-size: 1.4em;
1608     margin: 10px 0;
1609 }
1610
1611 .mail-conv-outside-wrapper-end {
1612         clear: both;
1613 }
1614
1615 .mail-conv-outside-wrapper {
1616         margin-top: 30px;
1617 }
1618
1619 .mail-conv-delete-wrapper {
1620         float: right;
1621         margin-right: 30px;
1622         margin-top: 15px;
1623 }
1624 .mail-conv-break {
1625         clear: both;
1626 }
1627
1628 .mail-conv-delete-icon {
1629         border: none;
1630 }
1631
1632 */
1633 /* page footer */
1634 footer {
1635   height: 100px;
1636   display: table-row;
1637 }
1638 .pager {
1639   margin-top: 25px;
1640   clear: both;
1641 }