html{background:#ffffff;font:normal 12px/18px arial, verdana, sans-serif, Lucida Sans}body{border:1px solid #cccccc;margin:0;width:430px}body#app_invite{width:520px}a{color:#0077CC}a:hover{color:#F26D00}input[type=text]{border:1px solid #D6D6D6;line-height:20px;height:20px;margin:0;padding:4px;width:160px}textarea{border:1px solid #d6d6d6;box-sizing:border-box;font-size:12px;line-height:18px;padding:8px;overflow:auto;resize:none;width:100%}.button{-moz-transition:background-color .3s;-o-transition:background-color .3s;-webkit-transition:background-color .3s;transition:background-color .3s;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.06);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.06);box-shadow:0 1px 1px 0 rgba(0,0,0,0.06);background-color:#168de2;border:1px solid #168de2;color:#FFF;cursor:pointer;float:left;font-size:12px;font-family:Arial, sans-serif;line-height:14px;margin:0 10px 0 0;outline:none;padding:8px 14px;text-align:center;vertical-align:middle;zoom:1}.button:hover{background:#1277C0}.button.m-white{background-color:#ffffff;border-color:#d7d7d7;color:#3f3f3f;font-weight:bold}.button.m-white:hover{background-color:#f2f2f2;color:#3f3f3f}.button.m-cancel{background:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#8C8C8C;margin:0 14px;padding-left:0;padding-right:0}.button.m-cancel:hover{background:transparent;text-decoration:underline}.button.progress{background-image:url("http://my1.imgsmail.ru/mail/ru/images/my/compass/static/progress/white_button_pre.gif");background-position:center 23px;background-repeat:no-repeat}.button.m-disable,.button[disabled]{background-color:#86c1ec;border-color:#86c1ec;color:#fff;cursor:default}.ja-popup{padding:16px;position:relative}.ja-popup__title{border-bottom:1px solid #d6d6d6;color:#4D4D4D;font-size:18px;font-weight:normal;line-height:24px;margin:0 0 8px;padding:0 60px 8px 0}.ja-popup__close{color:#8C8C8C;cursor:pointer;position:absolute;right:16px;top:20px}.ja-popup__close:hover{text-decoration:underline}.ja-popup__toolbar{display:table;margin:0 0 10px;padding:0;width:100%}.ja-popup__content{border-left:1px solid #d6d6d6;margin:0 0 16px;overflow-x:hidden;overflow-y:auto}.ja-popup__content:after{background-image:url('/mail/ru/images/my/compass/static/progress/preloader_grayonwhite.gif');background-repeat:no-repeat;content:"";height:12px;display:none;margin:16px auto;width:64px}.ja-popup__content.m-friends{border:1px solid #d6d6d6;height:340px}.ja-popup__content.m-search .friend{display:none}.ja-popup__content.m-search .friend.m-matched{display:block}.ja-popup__content.m-search.m-search-empty .friends-empty{display:block}.ja-popup__content.m-show-selected .friend{display:none}.ja-popup__content.m-show-selected .friend.m-selected{display:block}.ja-popup__content.m-show-selected.m-empty .friends-empty{display:block}.ja-popup__content.m-no-friends .friends-no-friends{display:block}.ja-popup__content.m-no-friends .friends-empty{display:none}.ja-popup__content.m-loading:after{display:block}.ja-popup__buttons{display:table;margin:0;padding:0;width:100%}.ja-popup__error-text{color:#f20000}.ja-post{line-height:1.35em;overflow:hidden;padding:8px 12px}.ja-post__head{margin:0 0 10px;overflow:hidden}.ja-post__avatar{background-position:center;background-repeat:no-repeat;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;border-radius:50%;display:block;float:left;height:40px;margin:0 14px 0 0;width:40px}.ja-post__username{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ja-post__username b{color:#207CC3}.ja-post__date{color:#A9A9A9;font-size:12px}.ja-post__textarea{height:36px;margin:0 0 10px}.ja-post__img{background-position:center top;background-repeat:no-repeat;background-size:100%;float:left;height:120px;margin:0 15px 0 0;padding:0;width:120px}.ja-post__title{font-size:16px;padding:0 0 4px}.ja-post__text{overflow:hidden}.ja-post__buttons{clear:both;overflow:hidden;padding:12px 0 0}.friend{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;background-position:0 0;background-repeat:no-repeat;-webkit-background-size:90px;background-size:90px;cursor:pointer;float:left;height:36px;margin:5% 0 0 5%;overflow:hidden;padding:94px 0 0;position:relative;text-decoration:none;width:19%;word-wrap:break-word}.friend i{border:5px solid transparent;height:80px;left:0;position:absolute;top:0;-webkit-transition:.3s all;-moz-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;transition:.3s all;width:80px}.friend__info{background:rgba(0,0,0,0.6);color:#FFF;font-weight:bold;height:20px;line-height:20px;left:0;padding:0 5px;position:absolute;overflow:hidden;text-align:center;text-overflow:ellipsis;top:70px;width:80px;white-space:nowrap}.friend.m-selected i{border-color:#168DE2}.friends-list{padding:0 0 16px;overflow:hidden}.friends-no-friends,.friends-empty{display:none;padding:20px;text-align:center}.friends-switch{float:left}.friends-switch__item{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border:1px solid #D6D6D6;cursor:pointer;float:left;margin:0;padding:7px 14px}.friends-switch__item.m-active{background:#168DE2;color:#ffffff}.friends-search{float:right}.ja-request-preview{margin:0 0 10px;min-height:113px;padding:0 20px 0 153px;position:relative}.ja-request-preview__img{background-color:#e0e2e4;background-repeat:no-repeat;background-position:center center;height:113px;left:0;position:absolute;top:0;width:143px}.ja-request-preview__info{font-size:12px;line-height:16px;padding:0 0 10px 45px;position:relative}.ja-request-preview__user{color:#2665A9}.ja-request-preview__user-avatar{height:32px;left:0;position:absolute;top:0;width:32px}.ja-request-preview__textarea{height:64px;margin:0}.ja-add-friend{height:90px;position:relative;overflow:hidden;margin:0 -10px 0 0;font-size:13px}.ja-add-friend__button{float:right;margin:20px 0 0}.ja-add-friend__avatar{float:left;display:block;width:90px;height:90px;background-position:center;background-repeat:no-repeat;background-color:#ccc}.ja-add-friend__user{margin:15px 0 0 105px}.ja-add-friend__user-name{font-size:14px;color:#4D4D4D}.ja-add-friend__user-info{margin:8px 0 0;color:#8C8C8C}.ja-photo-upload{background-position:center;min-height:270px;padding:8px 12px 0}.ja-photo-upload__img{display:block;margin:0 0 8px;max-height:270px;max-width:360px}.ja-photo-upload__title{font-weight:bold;margin:0 0 4px}.ja-photo-avatar{background-position:center;margin:8px 0;min-height:270px;padding:0 12px}.ja-photo-avatar.progress{background-image:url('/mail/ru/images/my/compass/static/progress/preloader_grayonwhite.gif');background-repeat:no-repeat;background-repeat:no-repeat}.ja-photo-avatar__img{display:block;margin:0 0 8px;max-height:270px;max-width:360px}.ja-photo-avatar__title{font-weight:bold;margin:0 0 4px}.jcrop-holder{direction:ltr;text-align:left}.jcrop-vline,.jcrop-hline{background:#FFF top left repeat;font-size:0;position:absolute}.jcrop-vline{height:100%;width:1px !important}.jcrop-hline{height:1px !important;width:100%}.jcrop-vline.right{right:0}.jcrop-hline.bottom{bottom:0}.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px}.jcrop-tracker{height:100%;width:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px}.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%}.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%}.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0}.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0}.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px}.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%}.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px}.jcrop-dragbar.ord-n{margin-top:-4px}.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px}.jcrop-dragbar.ord-e{margin-right:-4px;right:0}.jcrop-dragbar.ord-w{margin-left:-4px}.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70) !important;opacity:0.7 !important}.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px}.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70) !important;opacity:0.7 !important}.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px}.jcrop-holder img,img.jcrop-preview{max-width:none}.jcrop{display:table;margin:10px 0;padding:0;width:100%}.jcrop__upload-file{float:left;width:300px}.jcrop__previews{float:right}.jcrop__big-preview{margin:0 0 10px}.jcrop__small-preview{margin:0 0 10px}