.VisuallySimilar {
    position: relative;
}
.VisuallySimilar .vsimilarWrapper {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    padding: 10px;
    width: 216px;
}
.VisuallySimilar .vsimilarWrapper .hoverMask {
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .VisuallySimilar .vsimilarWrapper .hoverMask {
    display: none !important;
}
.VisuallySimilar .vsimilarWrapper .vsimilarLinkWrapper:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.VisuallySimilar .vsimilarWrapper .vsimilarLinkWrapper:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.VisuallySimilar .vsimilarLinkWrapper {
    display: block;
}
.VisuallySimilar .vsimilarHeader {
    background: url("/webapp/style/app/desktop/images/boardPinsGridShadowTop.232a2e57.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    overflow: hidden;
    padding-bottom: 11px;
}
.VisuallySimilar .vsimilarHeader .queryTile {
    border-radius: 3px;
    float: left;
    height: 38px;
    margin-right: 9px;
    overflow: hidden;
    width: 38px;
}
.VisuallySimilar .vsimilarHeader h3 {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px 6px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.VisuallySimilar .pinGridWrapper {
    background: url("/webapp/style/app/desktop/images/boardPinsGridShadowBottom.bbcac9fc.png") repeat-x scroll 155px -110px rgba(0, 0, 0, 0);
    height: 800px;
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    top: -2px;
}
.VisuallySimilar .pinGridWrapper .Grid {
    margin: 0;
    width: 216px;
}
.VisuallySimilar .pinGridWrapper .Grid.loading {
    height: 800px;
}
.VisuallySimilar .pinGridWrapper .item {
    margin: 0 3px 3px 0;
}
.VisuallySimilar .pinGridWrapper .item:hover .hoverMask, .VisuallySimilar .pinGridWrapper .item.activeItem .hoverMask {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    transition-duration: 0.2s;
    transition-property: box-shadow;
}
.VisuallySimilar .debugMacro {
    border: 0 none;
    color: #9c9c9c;
    font-size: 14px;
    margin: 0;
    padding: 2px;
}
.VisualSearchPage h1 {
    color: rgba(21, 21, 21, 0.8);
    font-size: 40px;
    font-weight: bold;
    line-height: 52px;
    margin: 20px auto 10px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.VisualSearchPage .browseVisualSearchList {
    margin: 0 auto;
    max-width: 736px;
    text-align: center;
}
.VisualSearchPage .browseVisualSearchList ul {
    display: inline;
}
.VisualSearchPage .browseVisualSearchList li {
    display: inline-block;
}
.VisualSearchPage .browseVisualSearchList li:after {
    content: " | ";
}
.VisualSearchPage .browseVisualSearchList li:last-child:after {
    content: "";
}
.VisualSearchPageQueryItem {
    width: 236px;
}
.VisualSearchPageQueryItem .gridItem {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.VisualSearchPageQueryItem h2 {
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0 10px 14px;
}
.VisualSearchSelector {
    width: 236px;
}
.VisualSearchSelector h2 {
    font-weight: 700;
    padding: 12px 0 10px 14px;
}
.VisualSearchSelector ul {
    padding: 10px 14px;
}
.VisualSearchSelector .subhead {
    margin-top: 5px;
}
.VisualSearchSelector li {
    font-weight: bold;
    padding: 5px 0;
}
.VisualSearchSelector li label input {
    margin-right: 5px;
}
.VisualSearchSelector .gridItem {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.VisualSearchSelector .gridItem h2 {
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0 10px 14px;
}
.VisualSearchSelector .gridItem.hasMargin {
    margin-top: 14px;
}
.AboutLinks {
    padding: 11px 15px 9px;
}
.AboutLinks li {
    display: inline;
    float: left;
    padding: 0 4px;
}
.AboutLinks li:first-child a {
    margin-left: 0;
}
.AboutLinks li:last-child a:after {
    content: "";
}
.AboutLinks li a {
    color: #999;
    display: inline-block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 !important;
}
.AboutLinks li a.skinny {
    color: #949494;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.AboutLinks li a:hover {
    color: #333;
}
.AboutLinks li a:after {
    content: ".";
    position: relative;
    right: -4px;
    top: -3px;
}
.AddAPlace {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 61px;
    z-index: 50;
}
.AddAPlace .selectedPlace {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 7px;
    padding-top: 14px;
}
.AddAPlace .selected {
    border-radius: 6px;
    box-shadow: 0 0 0 3px #cb2027;
}
.AddAPlace .selected .pinWrapper:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.AddAPlace .selected .hoverSelectedStateIconWrapper {
    background: none repeat scroll 0 0 rgba(203, 32, 39, 0.95);
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    height: 60px;
    left: 77px;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    top: 77px;
    visibility: visible;
    width: 60px;
    z-index: 20;
}
.AddAPlace .selected .hoverSelectedStateIconWrapper .icon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -596px -467px rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    margin: 17px auto;
    width: 26px;
}
@media not all, (min-resolution: 144dpi) {
.AddAPlace .selected .hoverSelectedStateIconWrapper .icon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -474px -376px;
    background-size: 623px 491px;
}
}
.AddAPlace .placeName {
    color: #333;
    float: left;
    font-size: 16px;
    margin-bottom: 2px;
    margin-left: 14px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 1px #fff;
    white-space: nowrap;
}
.AddAPlace .wrongPlace {
    float: right;
    margin-right: 14px;
    position: relative;
    top: -3px;
}
.AddAPlace .street, .AddAPlace .categoryCity {
    clear: both;
    color: #9a9a9a;
    font-size: 13px;
    margin: 0 14px 2px;
    text-shadow: 0 1px 1px #fff;
}
.AddAPlace .bottomContentContainer {
    background: none repeat scroll 0 0 #f3f3f3;
    border-top: 1px solid #d4d4d4;
    bottom: 0;
    left: 0;
    margin-top: 11px;
    padding-top: 14px;
    position: absolute;
    width: 360px;
}
.AddAPlace .required {
    color: #cb2027;
    display: none;
    font-size: 13px;
    font-weight: normal;
    margin-top: 3px;
}
.AddAPlace .required.visible {
    display: block;
}
.AddAPlace .descriptionLabel.error {
    color: #cb2027;
}
.AddAPlace .descriptionContainer {
    float: left;
    padding-left: 23px;
    padding-right: 14px;
}
.AddAPlace .buttons {
    border-top: 1px solid #d5d5d5;
    clear: both;
    float: none !important;
    margin-top: 14px;
    overflow: hidden;
    padding: 14px 0;
}
.AddAPlace .cancel, .AddAPlace .repinSmall {
    float: right;
}
.AddAPlace .repinSmall {
    margin-left: 10px;
    margin-right: 14px;
}
.AddAPlace .labelWrapper {
    float: left;
    margin-left: 14px;
    width: 144px;
}
.AddAPlace .labelWrapper label {
    color: #444;
    font-size: 13px;
}
.AddAPlace .cancelButton {
    padding-bottom: 7px;
    padding-top: 8px;
}
.AddAPlace .bottomForm {
    overflow: hidden;
}
.AddAPlace .description {
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 13px;
    height: 52px;
    padding: 8px;
    resize: none;
    width: 300px;
}
.AddAPlace .description.hasError {
    background: none repeat scroll 0 0 #e4abad;
    border-color: #cb2027;
}
.AddAPlace .descriptionReminderGridWrapper {
    background: none repeat scroll 0 0 #fff;
    bottom: 161px;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 88px;
}
.AddAPlace .descriptionReminderGridWrapper .Grid {
    left: 0;
    position: absolute;
    right: -15px;
}
.AddAPlace .GridItems.fixedHeightLayout {
    margin-left: 8px;
}
.AddAPlace .GridItems.fixedHeightLayout.hasScroll {
    margin-left: 0;
}
.AddAPlace .GridItems.fixedHeightLayout > .item {
    background: none repeat scroll 0 0 #eee;
    border-radius: 6px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
    height: 152px;
    overflow: hidden;
    width: 152px;
}
.AddInterestButton {
    box-sizing: border-box;
    height: 90px;
    width: 90px;
}
.AddInterestButton em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -120px -527px rgba(0, 0, 0, 0);
    height: 20px;
    margin-left: 7px;
    width: 20px;
}
@media not all, (min-resolution: 144dpi) {
.AddInterestButton em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 -438px;
    background-size: 623px 491px;
}
}
.AddPin {
    width: 531px;
}
.AddPin.isDropdown {
    border-radius: 6px;
    max-width: 230px;
    overflow: hidden;
    width: auto;
}
.AddPin .addPinContent {
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}
.AddPin .addPinButton.borderless {
    background: none repeat scroll 0 0 #f0f0f0;
    border-top: 1px solid #c4c4c4;
    float: left;
    height: 210px;
    width: 265.5px;
}
.AddPin .addPinButton.borderless:hover {
    background: none repeat scroll 0 0 #fafafa;
}
.AddPin .addPinButton.borderless:active {
    background: none repeat scroll 0 0 #e6e6e6;
}
.AddPin .addPinButton.borderless.addPinUpload {
    border-left: 1px solid #c4c4c4;
}
.AddPin .pinmarkletPromotion {
    background: none repeat scroll 0 0 #f1f1f1;
    padding: 10px 14px;
}
.AddPin .pinmarkletPromotion.guided {
    border-bottom: 1px solid #d8d8d8;
}
.AddPin .pinmarkletPromotion p {
    color: #999;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    overflow: hidden;
}
.AddPin .pinmarkletPromotion a:hover {
    color: #cb2027;
}
.AddPinRep {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border: 2px dashed #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 285px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    width: 236px;
}
.AddPinRep i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -253px -240px rgba(0, 0, 0, 0);
    bottom: 50%;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.AddPinRep i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -523px -243px;
    background-size: 623px 491px;
}
}
.AddPinRep span {
    left: 0;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 50%;
}
.AddPinRep:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none;
}
.AddPinRep:hover i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -204px -327px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.AddPinRep:hover i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -474px -243px;
    background-size: 623px 491px;
}
}
.AddPinRep:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none;
}
.AddPinRep:active i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -303px -240px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.AddPinRep:active i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -572px -243px;
    background-size: 623px 491px;
}
}
.AddPinToMap {
    background: none repeat scroll 0 0 #f2f2f2;
    height: 100%;
    width: 360px;
}
.AddPinToMap .header {
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 14px;
}
.AddPinToMap .header h2 {
    color: #cb2027;
    float: left;
    font-size: 17px;
    margin-top: 6px;
}
.AddPinToMap .header .closeButton {
    float: right;
}
.AddPinToMap .loading .field {
    background-position: 305px 10px !important;
    width: 100%;
}
.AddPinToMap .uploaderProgress {
    display: none;
}
.AddPinToMap .uploadPinForMap {
    background: linear-gradient(#f3f3f3, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    height: 150px;
    padding: 0;
    position: relative;
    width: 150px;
}
.AddPinToMap .uploadPinForMap.hasUploadedImage {
    background: none repeat scroll 0 0 transparent;
}
.AddPinToMap .uploadPinForMap.hasUploadedImage .btn {
    display: none;
}
.AddPinToMap .uploadPinForMap.hasUploadedImage .btn:hover {
    display: block;
}
.AddPinToMap .uploadPinForMap.hasUploadedImage:after {
    display: none;
}
.AddPinToMap .uploadPinForMap .uploadedImage:hover ~ .btn {
    display: block;
}
.AddPinToMap .uploadPinForMap:after {
    background: url("/webapp/style/app/desktop/images/add_pin_to_map_no_image-1x.5efb5162.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    content: "";
    height: 53px;
    left: 41px;
    position: absolute;
    top: 36px;
    width: 71px;
    z-index: 5;
}
@media not all, (min-resolution: 144dpi) {
.AddPinToMap .uploadPinForMap:after {
    background-image: url("/webapp/style/app/desktop/images/add_pin_to_map_no_image-2x.dea04f36.png");
    background-position: 0 0;
    background-size: 71px 53px;
}
}
.AddPinToMap .uploadPinForMap .btn {
    margin: 0 auto;
    padding: 8px;
    top: 107px;
    width: 90%;
}
.AddPinToMap .pinSquareImageWrapper {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #f0f0f0;
    display: table;
    overflow: hidden;
    padding: 14px;
    width: 332px;
}
.AddPinToMap .pinSquareImageWrapper .pinSquareImage {
    border-radius: 6px;
    display: table-cell;
    float: left;
    height: 45px;
    margin-right: 7px;
    max-width: none;
    width: 45px;
}
.AddPinToMap .pinSquareImageWrapper .description {
    display: table-cell;
    font-size: 13px;
    margin: 0;
    vertical-align: middle;
    width: 100%;
}
.AddPinToMap .placeImage {
    border-radius: 3px;
    float: left;
    height: 30px;
    margin-right: 7px;
    width: 30px;
}
.AddPinToMap .header, .AddPinToMap .typeaheadWrapper {
    background: none repeat scroll 0 0 #fff;
}
.AddPinToMap .PlaceSelector {
    border-bottom: 1px solid #e0e0e0;
    padding: 14px;
}
.AddPinToMap .PlaceSelector .field {
    background: none repeat scroll 0 0 #faf9f7;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset;
    color: #717171;
    font-size: 15px;
    padding: 5px 30px;
    width: 100%;
}
.AddPinToMap .PlaceSelector .field:focus {
    border-color: #aaa;
}
.AddPinToMap.isEmpty .emptyState {
    display: block;
}
.AddPinToMap.isEmpty .noResultState {
    display: none;
}
.AddPinToMap .noResultState {
    display: none;
}
.AddPinToMap.hasNoResults .emptyState {
    display: none;
}
.AddPinToMap.hasNoResults .noResultState {
    display: block;
}
.AddPinToMap .exampleQuery {
    color: #555;
    cursor: pointer;
    font-style: normal;
    font-weight: bold;
}
.AddPinToMap .noResultState {
    margin-top: 80px;
    text-align: center;
}
.AddPinToMap .noResultState .noResults {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}
.AddPinToMap .noResultHelperText {
    color: #999;
    font-size: 13px;
    line-height: 18px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
.AddPinToMap .break {
    background: none repeat scroll 0 0 #d4d4d4;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 129px;
}
.AddPinToMap .break.topBreak {
    margin-bottom: 20px;
}
.AddPinToMap .break.bottomBreak {
    margin-top: 20px;
}
.AddPinToMap .emptyState {
    display: none;
    text-align: center;
}
.AddPinToMap .emptyState .compassIcon {
    background: url("/webapp/style/app/desktop/images/compass-1x.96cec4cd.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 80px;
    margin: 80px auto 35px;
    width: 60px;
}
@media not all, (min-resolution: 144dpi) {
.AddPinToMap .emptyState .compassIcon {
    background-image: url("/webapp/style/app/desktop/images/compass-2x.f55f809d.png");
    background-position: 0 0;
    background-size: 60px 80px;
}
}
.AddPinToMap .emptyState .searchTipsHeader {
    font-size: 15px;
    margin-bottom: 26px;
}
.AddPinToMap .emptyState .searchTipsContainer {
    color: #919191;
    font-size: 13px;
    margin: 0 auto;
    max-width: 240px;
}
.AddPinToMap .emptyState .searchTipsContainer p {
    margin-bottom: 14px;
    margin-top: 0;
}
.AddPinToMap .emptyState .searchTipsContainer p:last-child {
    margin-bottom: 0;
}
.AddPinToMap .poweredByFoursquare {
    bottom: 10px;
    left: 14px;
    position: absolute;
}
.AddPinToMap .poweredByFoursquareLink {
    color: rgba(0, 0, 0, 0.33);
    font-size: 12px;
    font-weight: normal;
}
.AddPinToMap.hasGeoFeatures .ui-Typeahead.addPlaceToPinForm {
    top: 76px;
}
.AddPinToMap.hasGeoFeatures .PlaceSelector {
    padding-bottom: 0;
}
.AddPinToMap .ui-Typeahead.addPlaceToPinForm {
    border-radius: 0;
    box-shadow: none;
    left: -14px;
    top: 54px;
    transition: top 0.22s ease-in-out 0s;
    width: 360px;
}
.AddPinURL {
    width: 460px;
}
.AddPinURL .findPinsField {
    overflow: hidden;
}
.AddPinURL .findPins {
    background: none repeat scroll 0 0 #f0f0f0;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    padding: 19px;
}
.AddPinURL .installBookmarklet {
    background: linear-gradient(#fff7cb, #fff3b7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 18px;
}
.AddPinURL .installBookmarklet a {
    color: #cb2027;
}
.AddPinURL .installBookmarklet p {
    margin: 0;
}
.AddPinURL .Button {
    float: right;
    margin-left: 10px;
}
.AdhocFeedIndexPage .feedHeader {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 33px auto 21px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.AdhocFeedIndexPage .helpText {
    background-color: rgba(255, 255, 255, 0.68);
    color: #777;
    font-size: 14px;
    line-height: 150%;
    margin: 10px auto 20px;
    text-align: center;
}
.AdhocFeedIndexPage .feeds {
    margin: 10px;
}
.AdhocFeedIndexPage .feeds .lists {
    margin: 20px;
}
.AdhocFeedPage .feedName {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 33px auto 21px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.Analytics-MetricChange {
    text-align: right;
}
.Analytics-MetricChange .buttonText {
    color: #a9a9a9;
    font-family: "PT Serif",Georgia,"Times New Roman",serif;
    font-size: 14px;
    font-weight: bold;
}
.Analytics-Metric .metricContainer {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin: 15px 0 5px;
    overflow: hidden;
    position: static;
}
.Analytics-MetricOverview {
    border-right: 1px solid #ccc;
    float: left;
}
.Analytics-MetricOverview .keyMetricWrapper {
    height: 305px;
    width: 236px;
}
.Analytics-MetricOverview .keyMetricStat:first-child {
    border-bottom: 1px dashed #ccc;
}
.Analytics-MetricOverview .keyMetricStat {
    height: 151.5px;
    padding: 0 15px;
}
.Analytics-MetricOverview .keyMetricStat .name {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
}
.Analytics-MetricOverview .keyMetricStat .change {
    color: #a9a9a9;
    font-family: "PT Serif",Georgia,"Times New Roman",serif;
    font-size: 14px;
    font-weight: bold;
    margin: 25px 0 5px;
    text-align: right;
}
.Analytics-MetricOverview .keyMetricStat .value {
    font-family: "PT Serif",Georgia,"Times New Roman",serif;
    font-size: 34px;
    font-weight: 600;
    text-align: right;
}
.Analytics-MetricOverview .keyMetricStat .change {
    margin: 25px 0 5px;
}
.Analytics-MetricOverview .keyMetricStat .descriptionContainer {
    float: right;
}
.Analytics-MetricOverview .keyMetricStat .descriptionContainer .legendKey {
    border: medium none;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 12px;
    overflow: hidden;
    text-align: center;
    width: 20px;
}
.Analytics-MetricOverview .metric-primary .value {
    color: #367cbd;
}
.Analytics-MetricOverview .metric-primary .legendKey {
    background: none repeat scroll 0 0 #367cbd;
    border-color: #367cbd;
}
.Analytics-MetricOverview .metric-secondary .value {
    color: #c06506;
}
.Analytics-MetricOverview .metric-secondary .legendKey {
    background: none repeat scroll 0 0 #c06506;
    border-color: #c06506;
}
.Analytics-MetricRecommendation h3 {
    border-top: 1px solid #aaa;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 10px 0 5px 15px;
}
.Analytics-MetricRecommendation .recommendationWrapper {
    cursor: pointer;
    font-weight: bold;
    padding: 5px 15px 10px;
}
.Analytics-MetricRecommendation .recommendationWrapper:after {
    content: "→";
}
.Analytics-MetricRecommendation .recommendationWrapper:hover {
    color: #cb2027;
}
.Analytics-MetricRecommendation .recommendationWrapper:active {
    background: none repeat scroll 0 0 #cb2027;
    color: #fff;
}
.Analytics-MetricTipModal {
    width: 600px;
}
.Analytics-MetricTipModal .standardForm h1 {
    white-space: normal;
}
.Analytics-MetricTipModal .tipGroup {
    height: 400px;
    overflow: scroll;
}
.Analytics-MetricTipModal .tipGroup .body {
    color: #555;
    font-size: 14px;
    line-height: 21px;
    padding: 21px;
}
.Analytics-MetricTipModal .tipGroup .body a:hover {
    color: #cb2027;
}
.Analytics-MetricTipModal .nextTip {
    float: right;
}
.Analytics-MetricTypeInfo {
    color: #666;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    width: 290px;
}
.Analytics-MetricTypeInfo .typeContainer {
    margin: 0;
    padding: 15px;
}
.Analytics-MetricTypeInfo .typeContainer .type {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.AnimationPlaces .parallaxContainer {
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.AnimationPlaces .animationLayer {
    animation: 360s ease-out 0s alternate none infinite heroParallax;
    background-position: left top;
    background-repeat: repeat-x;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 7838px;
}
.AnimationPlaces .layer7 {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_7.2682c08f.jpg");
    width: 5000px;
}
.AnimationPlaces .layer6 {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_6.0de128a2.png");
    width: 8000px;
}
.AnimationPlaces .layer5 {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_5.dbb5e1c7.png");
    width: 10000px;
}
.AnimationPlaces .layer3 {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_3.6bb4d8b5.png");
    width: 12000px;
}
.AnimationPlaces .layer2 {
    animation: 0s ease 0s normal none 1 none;
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_2.c2dd60e0.png");
}
.AnimationPlaces .layer1 {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_1.ae3b5b2b.png");
    width: 18000px;
}
.AnimationPlaces .balloonLayer {
    animation: 4s ease-in-out 0s alternate none infinite heroBalloon;
    height: 72px;
    left: 50%;
    margin-left: -400px;
    position: relative;
    top: 32px;
    transition: top 1s ease-out 0s;
    width: 56px;
}
.AnimationPlaces .balloonLayer > div {
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: inherit;
}
.AnimationPlaces .balloonLayer:hover {
    top: 5px;
}
.AnimationPlaces .balloon {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_4a.1fb3083c.png");
}
.AnimationPlaces .balloonActive {
    background-image: url("/webapp/style/app/desktop/images/hero_places_layer_4b.6785ae15.png");
}
.AnswerCreate {
    padding: 15px 20px;
}
.AnswerCreate .createContent {
    position: relative;
}
.AnswerCreate .userThumbContainer {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.AnswerCreate .userThumbContainer img {
    border-radius: 50%;
}
.AnswerCreate form {
    margin-left: 65px;
}
.AnswerCreate .ui-TextField {
    font-size: 15px;
    margin-bottom: 3px;
}
.AnswerCreate .ui-TextField .content {
    border-radius: 6px;
    height: 50px;
    resize: vertical;
}
.AnswerCreate .ui-TextField .formErrorMessage {
    display: none;
}
.AnswerCreate .footer {
    display: none;
    margin-top: 10px;
}
.AnswerCreate.expanded .footer {
    display: inline-block;
}
.AnswerCreate .Counter {
    margin-left: 8px;
    vertical-align: middle;
}
.AnswerCreate .ui-TextField {
    margin-bottom: 0;
}
.AnswerCreate .ui-TextField .content {
    resize: none;
}
.AnswerCreate .ui-TextField .invisibleElem {
    min-height: 50px;
}
.AnswerCreate .loadingIcon {
    background: url("/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    opacity: 0.5;
    vertical-align: middle;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.AnswerCreate .loadingIcon {
    background-image: url("/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif");
    background-position: 0 0;
    background-size: 16px 16px;
}
}
.AnswerCreate .loadingIcon.hiddenElem {
    display: none;
}
.Answer .answerBody {
    margin: 0 112px 0 65px;
    min-height: 50px;
    padding: 15px 20px;
    width: 500px;
}
.Answer .answerContent {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    word-wrap: break-word;
}
.Answer .UrlPreview {
    margin: 10px 0;
}
.Answer .answerActions {
    margin-top: 17px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 15px;
    width: 100px;
}
.Answer .answerActions .qaFlag, .Answer .answerActions .qaEdit, .Answer .answerActions .likesCount, .Answer .answerActions .QALikeButton {
    vertical-align: middle;
}
.Answer .answerActions .qaFlag, .Answer .answerActions .qaEdit {
    display: none;
}
.Answer .answerActions .likesCount {
    color: #999;
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
}
.Answer .answerActions .likesCount.liked {
    color: #cb2027;
}
.Answer .answerActions .QALikeButton {
    margin-left: 3px;
}
.AnswerEdit {
    width: 736px;
}
.Answers .answerListItem, .Answers .AnswerCreate, .Answers .moreItemsContainer {
    border-top: 1px solid #e3e3e3;
}
.Answers .AnswerCreate {
    display: none;
}
.App .headerBackground, .App .headerContainer {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.App.showingPlaceBoard .ScrollToTop {
    left: 531px;
    width: 45px;
}
.App.showingPlaceBoard .footerIcon {
    display: none;
}
.App .ActiveConversations {
    bottom: 50px;
    left: 10px;
    position: fixed;
    z-index: 700;
}
.App .ui-draggable-dragging {
    opacity: 0.6;
    position: absolute;
    transform-origin: left top 0;
    z-index: 99999 !important;
}
.App .appContent > .Module.loading {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.App .appContent > .Module.error {
    border: medium none;
    display: block;
    margin: 100px auto;
    width: 300px;
}
.App.full .appContent {
    padding-top: 45px;
}
.App.full .appContent.guided {
    padding-top: 55px;
}
.App.full .appContent.guided.categoriesBarOnTop {
    padding-top: 87px;
}
.App.full .appContent.hasKLPBar {
    margin-top: 44px;
}
.App .appendedContainer > .Module {
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 680;
}
.App > .moduleMask {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.newUserTutorial .App .Nags, .newUserPinIntroTutorial .App .Nags {
    display: none;
}
.App > .Spinner {
    position: fixed;
}
.newUserTutorial .AuthHomePage, .newUserPinIntroTutorial .AuthHomePage {
    background-image: url("/webapp/style/app/desktop/images/tutorial_empty_pins.7567d16c.png");
    bottom: 0;
    left: 14px;
    position: fixed;
    right: 14px;
    top: 58px;
}
.newUserTutorial .AuthHomePage .emptyHomeFeed, .newUserPinIntroTutorial .AuthHomePage .emptyHomeFeed {
    display: none;
}
.newUserTutorial .AuthHomePage .Grid, .newUserPinIntroTutorial .AuthHomePage .Grid {
    display: none;
}
.AuthHomePage .followingFeedButtonWrapper {
    display: inline-block;
    position: relative;
}
.AuthHomePage .subnavWrapper {
    background: none repeat scroll 0 0 #d6d6d6;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(255, 255, 255, 0.5);
    left: 0;
    padding: 9px 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 44px;
    z-index: 102;
}
.AuthHomePage .buttons .btn {
    display: inline-block;
    font-size: 13px;
    margin: -2px;
    min-width: 135px;
}
.AuthHomePage .buttons .btn:last-of-type {
    border-radius: 0 6px 6px 0;
}
.AuthHomePage .buttons .btn:first-of-type {
    border-radius: 6px 0 0 6px;
}
.AuthHomePage .buttons .btn.active {
    background: linear-gradient(#fff, #f7f7f7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #b7b7b7;
    box-shadow: none;
    color: #222;
}
.AuthHomePage .unauthPinGridTitle, .AuthHomePage .everythingFeedPinGridTitle {
    color: #444;
    font-size: 21px;
    margin: 36px 0 26px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
.AuthHomePage .unauthPinGridWrapper {
    border-top: 1px solid #ebebea;
    box-shadow: 0 -1px 0 #d5d5d5;
}
.AuthHomePage .everythingFeedPinGridTitle {
    font-weight: normal;
}
.AuthHomePage .everythingFeedPinGridTitle a {
    color: #444;
    cursor: pointer;
    font-weight: bold;
}
.AuthHomePage.pickedForYouSegmentedNoNag .Grid {
    margin-top: 46px;
}
.AuthHomePage .pinUserEdPrompt {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    left: 50%;
    margin-left: -190px;
    margin-top: 220px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 90px;
    transition: opacity 0.3s ease 0s;
    width: 380px;
    z-index: 680;
}
.AuthHomePage .pinUserEdPrompt p {
    color: #211922;
    font-size: 16px;
    margin: 16px 0;
}
.BoardCollaboratorInviter .panelHeading {
    border-bottom: 1px solid #dfdfdf;
    padding: 18px;
}
.BoardCollaboratorInviter .panelHeading .panelTitle {
    margin: 0;
}
.BoardCollaboratorInviter .leftPanel, .BoardCollaboratorInviter .rightPanel {
    height: 375px;
    overflow: scroll;
}
.BoardCollaboratorInviter .leftPanel {
    border-right: 1px solid #dfdfdf;
    float: left;
    width: 300px;
}
.BoardCollaboratorInviter .leftPanel .BoardInviteForm {
    position: relative;
}
.BoardCollaboratorInviter .leftPanel .BoardInviteForm .inviteButton {
    border-radius: 0;
    border-right: medium none;
    border-top: medium none;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.BoardCollaboratorInviter .leftPanel .BoardInviteForm .fillWidth {
    padding-right: 0;
}
.BoardCollaboratorInviter .leftPanel .BoardInviteForm .userSelect.ui-TypeaheadField .ui-Input {
    background-color: #f8f8f8;
    border-left: medium none;
    border-radius: 0;
    border-top: medium none;
    box-shadow: none;
    padding: 15px 18px;
}
.BoardCollaboratorInviter .leftPanel .alert {
    background-color: #ffffaa;
    font-size: 120%;
    margin: 7px 0;
    padding: 15px;
}
.BoardCollaboratorInviter .rightPanel {
    float: right;
    margin: 0 0 0 16px;
    width: 284px;
}
.BoardCollaboratorInviter .rightPanel .subheading {
    margin: 14px 0;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators > .User {
    overflow: hidden;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .BoardInvites .GridItems.fixedHeightLayout > .item {
    float: none;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .Button {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    z-index: 3;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User {
    margin-bottom: 14px;
    overflow: hidden;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .thumbImageWrapper {
    height: 36px;
    width: 36px;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .thumbImageWrapper img, .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .thumbImageWrapper:after {
    height: 36px;
    width: 36px;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .fullname {
    font-size: 14px;
    margin-top: 0;
}
.BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .subtitle {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
.BoardCollaboratorInviter.inModal {
    width: 601px;
}
.BoardCollaboratorInviter.inModal .panelBody {
    padding: 0;
}
.BoardCollaboratorInviter .formFooterButtons {
    float: right;
}
.BoardCollaborators .moreUserCollaborators {
    padding: 8px 4px 7px;
    position: relative;
}
.BoardCollaborators .ui-TypeaheadField.userSelect {
    width: 316px;
}
.BoardCollaborators .ui-TypeaheadField.userSelect input {
    width: 100%;
}
.BoardCollaborators .ui-TypeaheadField.userSelect .ui-Typeahead {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    margin: 0 0 3px 2px;
    padding-top: 0;
    position: absolute;
    top: 32px;
}
.BoardCollaborators .ui-TypeaheadField.userSelect .ui-Typeahead li:first-child {
    padding-top: 4px;
}
.BoardCollaborators .ui-TypeaheadField.userSelect .ui-Typeahead li:last-child {
    padding-bottom: 4px;
}
.BoardCollaborators.inline {
    display: inline-block;
    vertical-align: top;
}
.BoardCollaborators.large {
    width: 435px;
}
.BoardCollaborators.large .User {
    margin: 4px 0;
    padding: 4px 20px;
    width: 395px;
}
.BoardCollaborators.large .PagedGrid {
    max-height: 400px;
    overflow: auto;
}
@media (min-height: 1110px) {
.BoardCollaborators.large .PagedGrid {
    max-height: 720px;
}
}
.BoardCollaborators.large .moreItems {
    display: block;
    margin: 0 auto 13px;
    width: 200px;
}
.BoardCollaborators.edit .remove {
    float: right;
}
.BoardCollaborators.edit .User {
    padding: 10px;
}
.BoardCoverEdit {
    -moz-user-select: none;
    position: relative;
}
.BoardCoverEdit .next, .BoardCoverEdit .previous {
    border: medium none;
    display: block;
    height: 46px;
    position: absolute;
    top: 120px;
    width: 46px;
}
.BoardCoverEdit .previous {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -350px -327px rgba(0, 0, 0, 0);
    height: 46px;
    left: 100px;
    width: 46px;
}
.BoardCoverEdit .previous:active {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -254px -327px rgba(0, 0, 0, 0);
    height: 46px;
    width: 46px;
}
@media not all, (min-resolution: 144dpi) {
.BoardCoverEdit .previous:active {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -252px -239px;
    background-size: 623px 491px;
}
}
.BoardCoverEdit .previous:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -302px -327px rgba(0, 0, 0, 0);
    height: 46px;
    width: 46px;
}
.BoardCoverEdit .next {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -398px -327px rgba(0, 0, 0, 0);
    height: 46px;
    right: 100px;
    width: 46px;
}
.BoardCoverEdit .next:active {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -446px -327px rgba(0, 0, 0, 0);
    height: 46px;
    width: 46px;
}
@media not all, (min-resolution: 144dpi) {
.BoardCoverEdit .next:active {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -317px -91px;
    background-size: 623px 491px;
}
}
.BoardCoverEdit .next:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -494px -327px rgba(0, 0, 0, 0);
    height: 46px;
    width: 46px;
}
@media not all, (min-resolution: 144dpi) {
.BoardCoverEdit .next:hover {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -281px -177px;
    background-size: 623px 491px;
}
}
.BoardCoverEditPage {
    width: 708px;
}
.BoardCoverEditPage .boardCoverEditPageContainer {
    width: 708px;
}
.BoardCoverEditPage .standardForm h1 {
    font-weight: normal;
}
.BoardCreate {
    width: 600px;
}
.BoardCreate .BoardInvite {
    min-width: 420px;
}
.BoardCreate .BoardInvite .User {
    overflow: hidden;
}
.BoardCreate .BoardInvite .Button {
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.BoardCreateRep {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border: 2px dashed #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 284px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    width: 236px;
}
.BoardCreateRep i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -253px -240px rgba(0, 0, 0, 0);
    bottom: 50%;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.BoardCreateRep i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -523px -243px;
    background-size: 623px 491px;
}
}
.BoardCreateRep span {
    left: 0;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 50%;
}
.BoardCreateRep:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none;
}
.BoardCreateRep:hover i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -204px -327px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.BoardCreateRep:hover i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -474px -243px;
    background-size: 623px 491px;
}
}
.BoardCreateRep:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none;
}
.BoardCreateRep:active i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -303px -240px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.BoardCreateRep:active i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -572px -243px;
    background-size: 623px 491px;
}
}
.Board .hoverMask {
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .Board .hoverMask {
    display: none !important;
}
.Board .boardLinkWrapper:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.Board .boardLinkWrapper:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.Board .boardName {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 18px;
    margin: 0 3px 6px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Board .boardName.hasBoardContext {
    margin-left: 0;
}
.Board.boardCoverImage {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    position: relative;
}
.Board.closeupBottomView {
    float: left;
    width: 216px;
}
.Board.closeupBottomView .boardLink {
    float: none;
}
.Board.closeupBottomView .Button {
    float: right;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.Board.closeupBottomView .boardRepSubtitle {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    max-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Board.closeupBottomView .boardRepTitle {
    color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    margin: 7px 0;
    max-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Board.closeupBottomView .thumbImageWrapper {
    border-radius: 6px;
    float: left;
    margin-right: 15px;
}
.Board.boardCoverImage {
    width: 236px;
}
.Board.boardCoverImage.noContext {
    height: 284px;
}
.Board.boardCoverImage.noTouch:hover .boardCoverEditWrapper {
    visibility: visible;
}
.Board.boardCoverImage .boardFollowUnfollowButton, .Board.boardCoverImage .boardEditButton {
    bottom: 10px;
    left: 10px;
}
.Board.boardCoverImage .boardLinkWrapper {
    display: block;
    padding: 10px;
}
.Board.boardCoverImage .boardLinkWrapper:hover .boardCoverEditWrapper {
    visibility: visible;
}
.Board.boardCoverImage img {
    border-radius: 2px;
}
.Board.boardCoverImage a {
    color: #555;
    display: block;
    position: relative;
}
.Board.boardCoverImage .BoardIcons {
    float: right;
}
.Board.boardCoverImage .boardCoverWrapper, .Board.boardCoverImage .boardThumbs li {
    background-color: #eee;
}
.Board.boardCoverImage .boardCoverWrapper {
    clear: both;
    height: 146px;
    overflow: hidden;
    position: relative;
    width: 216px;
}
.Board.boardCoverImage .boardCoverWrapper:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 146px;
    left: 0;
    position: absolute;
    top: 0;
    width: 216px;
}
.Board.boardCoverImage .boardCoverWrapper .boardCover {
    border-radius: 3px;
    height: 146px;
    width: 216px;
}
.Board.boardCoverImage .boardPinCount {
    background-color: rgba(68, 68, 68, 0.7);
    border-radius: 2px;
    bottom: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    right: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
}
.Board.boardCoverImage .boardThumbs .thumb {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -520px -253px rgba(0, 0, 0, 0);
    height: 51px;
    width: 51px;
}
.Board.boardCoverImage .boardThumbs li {
    display: inline;
    float: left;
    height: 51px;
    margin-left: 4px;
    position: relative;
    width: 51px;
}
.Board.boardCoverImage .boardThumbs li:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 51px;
    left: 0;
    position: absolute;
    top: 0;
    width: 51px;
}
.Board.boardCoverImage .boardThumbs li .thumb {
    border-radius: 3px;
    height: 51px;
    width: 51px;
}
.Board.boardCoverImage .boardThumbs li:first-child {
    margin-left: 0;
}
.Board.boardCoverImage ul {
    height: 51px;
    margin: 4px 0 8px;
}
.Board.boardCoverImage .Button {
    width: 216px;
}
.Board.boardCoverImage .boardCoverEditWrapper {
    position: absolute;
    text-align: center;
    top: 100px;
    visibility: hidden;
    width: 100%;
}
.Board.boardCoverImage .boardCoverEditButton {
    background: linear-gradient(#fff, #e7e7e7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #aaa;
    font-size: 12px;
    height: 27px;
    padding: 5px 9px;
    text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.77);
    width: auto;
    z-index: 101;
}
.Board.selectable {
    cursor: pointer;
}
.Board.selectable:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}
.Board.selectable:active {
    background-color: #f3f3f3;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.13);
}
.Board.boardPinsGrid {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    display: block;
    max-height: 552px;
    max-width: 236px;
    padding: 10px;
}
.Board.boardPinsGrid.error {
    padding: 10px;
}
.Board.boardPinsGrid.noShadow .boardHeader, .Board.boardPinsGrid.noShadow .pinGridWrapper {
    background: none repeat scroll 0 0 #fff;
}
.Board.boardPinsGrid .boardHeader {
    background: url("/webapp/style/app/desktop/images/boardPinsGridShadowTop.232a2e57.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    overflow: hidden;
    padding-bottom: 11px;
}
.Board.boardPinsGrid .BoardIcons {
    float: right;
    padding: 4px 4px 0;
}
.Board.boardPinsGrid .pinGridWrapper {
    background: url("/webapp/style/app/desktop/images/boardPinsGridShadowBottom.bbcac9fc.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    height: auto;
    max-height: 459px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    top: -2px;
}
.Board.boardPinsGrid .pinGridWrapper .Grid {
    margin: 0;
    width: 216px;
}
.Board.boardPinsGrid .pinGridWrapper .Grid.loading {
    height: 459px;
}
.Board.boardPinsGrid .pinGridWrapper .item {
    margin: 0 3px 3px 0;
    opacity: 0.5;
}
.Board.boardPinsGrid .pinGridWrapper .item:hover, .Board.boardPinsGrid .pinGridWrapper .item.activeItem {
    opacity: 1;
}
.Board.boardPinsGrid .pinGridWrapper .item:hover .hoverMask, .Board.boardPinsGrid .pinGridWrapper .item.activeItem .hoverMask {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    transition-duration: 0.2s;
    transition-property: box-shadow;
}
.Board.follow_view {
    font-size: 11px;
    line-height: 1.2em;
    padding: 5px 14px;
    position: relative;
}
.Board.follow_view:after {
    clear: both;
    content: "";
    display: table;
}
.Board.follow_view .boardFollowImg {
    border-radius: 2px;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
}
.Board.follow_view:hover {
    background: none repeat scroll 0 0 #f3f3f3;
}
.Board.follow_view:hover .dismiss {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -523px -309px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 10px;
    margin-right: 14px;
    position: absolute;
    right: 0;
    top: 40%;
    width: 9px;
}
@media not all, (min-resolution: 144dpi) {
.Board.follow_view:hover .dismiss {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -461px -476px;
    background-size: 623px 491px;
}
}
.Board.follow_view .BoardFollowButton {
    color: #cb2027;
}
.Board.follow_view .BoardFollowButton:hover {
    text-decoration: underline;
}
.Board.follow_view .BoardFollowButton.disabled {
    color: #717171;
}
.Board.follow_view .BoardFollowButton.disabled:hover {
    cursor: default;
    text-decoration: none;
}
.Board.follow_view .followBoardName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
}
.Board.follow_view .followBoardName a {
    color: #717171;
    font-size: 11px;
    font-weight: 700;
}
.Board.follow_view .followConfirmation {
    background-color: #ffa;
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}
.Board.follow_view.followed .followConfirmation {
    display: block;
}
.Board.follow_view:before {
    box-shadow: none;
}
.Board.follow_view:hover .dismiss {
    display: block;
}
.Board .debugMacro {
    padding: 2px;
}
.Board.noButton {
    height: 265px;
}
.Board.noButton .BoardFollowButton.Button {
    display: none;
}
.BoardEdit {
    width: 600px;
}
.BoardEdit .BoardInvite {
    min-width: 420px;
}
.BoardEdit .BoardInvite .User {
    overflow: hidden;
}
.BoardEdit .BoardInvite .Button {
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.BoardEdit .helpText {
    clear: both;
    margin: 5px 0 0 9px;
}
.BoardFollowers.inline {
    display: inline-block;
    vertical-align: top;
}
.BoardFollowers.large {
    width: 435px;
}
.BoardFollowers.large .User {
    margin: 4px 0;
    padding: 4px 20px;
    width: 395px;
}
.BoardFollowers.large .PagedGrid {
    max-height: 570px;
    overflow: auto;
}
@media (min-height: 1110px) {
.BoardFollowers.large .PagedGrid {
    max-height: 720px;
}
}
.BoardFollowers.large .moreItems {
    display: block;
    margin: 0 auto 13px;
    width: 200px;
}
.BoardFollowers.edit .remove {
    float: right;
}
.BoardFollowers.edit .User {
    padding: 10px;
}
.BoardFollowers .headerText {
    color: #6e6e6e;
    font-size: 12px;
    font-weight: bold;
}
.BoardHeader h1 {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 34px auto 0;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.ja .BoardHeader h1 {
    font-size: 36px;
}
.BoardHeader .description, .BoardHeader .secret {
    color: #6c6c6c;
    text-align: center;
}
.BoardHeader .description {
    font-size: 18px;
    line-height: 26px;
    margin: 10px auto 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.67);
    width: 736px;
}
.ja .BoardHeader .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BoardHeader .pinsAndFollowerCount {
    font-size: 0;
    margin-top: 10px;
}
.BoardHeader .pinsAndFollowerCount .dot {
    color: #6e6e6e;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
    margin: 0 7px;
    vertical-align: bottom;
}
.BoardHeader .pinsAndFollowerCount .pinCount {
    color: #b4b4b4;
    font-size: 12px;
    font-weight: bold;
    vertical-align: bottom;
}
.BoardHeader .pinsAndFollowerCount .followerCount:hover {
    color: #969696;
}
.BoardHeader .pinsAndFollowerCount .followerCount {
    color: #6e6e6e;
    font-weight: bold;
}
.BoardHeader .pinsAndFollowerCount .buttonText {
    font-size: 12px;
    padding: 0;
}
.BoardHeader .secret {
    font-size: 16px;
    line-height: 19px;
    margin: 21px 0;
    padding: 0;
    position: relative;
}
.BoardHeader .secretIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -18px -192px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    margin: -5px 5px 0 0;
    position: static;
    text-shadow: none;
    vertical-align: middle;
    width: 14px;
}
.BoardHeader .annotations {
    font-size: 14px;
    line-height: 150%;
    margin: 10px auto 20px;
    text-align: center;
}
.BoardHeader .annotations .annotationHeader {
    display: inline;
    font-weight: bold;
    margin: 2px 5px;
}
.BoardHeader .annotations .annotationText {
    background-color: rgba(255, 255, 255, 0.68);
    border-radius: 2px;
    color: #777;
    display: inline;
    font-weight: normal;
    margin: 2px 2px 20px;
    padding: 3px 6px;
}
.BoardHeader .annotations a {
    font-weight: normal;
}
.BoardHeader.newBoardHeaderStyle {
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}
.BoardHeader.newBoardHeaderStyle.boardHeaderBackground {
    background: none repeat scroll 0 0 transparent;
}
.BoardHeader.newBoardHeaderStyle .boardName {
    color: rgba(21, 21, 21, 0.8);
    font-size: 36px;
    line-height: 32px;
    text-align: center;
}
.BoardHeader.newBoardHeaderStyle .description {
    color: #444;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
    max-width: 708px;
    text-shadow: none;
}
.BoardHeader.newBoardHeaderStyle .secretIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -88px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 10px;
    margin: -2px 2px 0 0;
    text-shadow: none;
    width: 9px;
}
.BoardHeader.newBoardHeaderStyle .secret {
    color: #999;
    font-size: 10px;
    font-weight: 700;
    margin-top: 16px;
}
.BoardHeader.newBoardHeaderStyle .pinsAndFollowerCount .pinCount {
    color: #777;
    display: inline-block;
}
.BoardHeader.newBoardHeaderStyle .pinsAndFollowerCount .followerCount {
    color: #777;
}
.BoardHeader.newBoardHeaderStyle .pinsAndFollowerCount .followerCount:hover {
    color: #444;
}
.BoardInfoBar {
    margin-top: 31px;
    text-align: center;
}
.BoardInfoBar .metaLeft, .BoardInfoBar .counts {
    overflow: hidden;
    position: absolute;
    top: 0;
}
.BoardInfoBar .metaLeft {
    left: 8px;
    text-align: left;
    width: 45%;
}
.BoardInfoBar .metaLeft.showName .User {
    width: 100%;
}
.BoardInfoBar .counts {
    right: 0;
}
.BoardInfoBar .counts .active {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset;
    color: #777;
    display: block;
    font-weight: bold;
    padding: 1px 20px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.BoardInfoBar .counts .active:hover, .BoardInfoBar .counts .active.active {
    background: linear-gradient(#fff, #f4f4f4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333;
}
.BoardInfoBar .counts .active:active {
    background: url("/webapp/style/app/desktop/images/infoBarActiveShadowLeftSide.9195d28e.png") repeat-y scroll left top, url("/webapp/style/app/desktop/images/infoBarActiveShadowRightSide.f4401102.png") repeat-y scroll right top, linear-gradient(#fff, #f4f4f4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
}
.BoardInfoBar li {
    border-left: 1px solid #cdcdcd;
    float: left;
}
.BoardInfoBar .boardFollowUnfollowButton, .BoardInfoBar .boardEditButton, .BoardInfoBar .boardAddCollaboratorButton {
    margin-top: -1px;
    position: relative;
    z-index: 1;
}
.BoardInfoBar .embedBoard {
    margin: -1px 0 1px 4px;
    padding: 7px 2px 8px 8px;
}
.BoardInfoBar .embedBoard em {
    padding-bottom: 1px;
}
.BoardInfoBar.newBoardHeaderStyle {
    background-color: #fff;
    border-top: 1px solid #e8e8e8;
    height: 44px;
    line-height: 44px;
    margin-top: 31px;
    padding: 5px 0;
    position: relative;
    text-align: left;
}
.BoardInfoBar.newBoardHeaderStyle.boardHeaderBackground {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.BoardInfoBar.newBoardHeaderStyle .collaborators {
    color: #444;
    display: inline-block;
    font-weight: normal;
    margin-left: 14px;
    position: absolute;
}
.BoardInfoBar.newBoardHeaderStyle .collaborators.showName .User {
    text-align: left;
    width: 300px;
}
.BoardInfoBar.newBoardHeaderStyle .collaborators.showName .User .fullname {
    color: #777;
}
.BoardInfoBar.newBoardHeaderStyle .collaborators.showName .User .fullname:hover {
    color: #444;
}
.BoardInfoBar.newBoardHeaderStyle .collaborators .BoardCollaborators {
    padding: 0;
}
.BoardInfoBar.newBoardHeaderStyle .collaborators .moreUserCollaborators {
    font-size: 14px;
    height: 27px;
    margin-top: 2px;
    padding: 3px 8px;
}
.BoardInfoBar.newBoardHeaderStyle .boardButtons {
    float: right;
    margin-right: 16px;
}
.BoardInfoBar.newBoardHeaderStyle .boardButtons .sendInfoBar span {
    display: none;
}
.BoardInfoBar.newBoardHeaderStyle .boardButtons .boardFollowUnfollowButton {
    margin-left: 4px;
    margin-right: 0;
}
.BoardInfoBar.newBoardHeaderStyle .boardButtons .userProfileMenu {
    border-radius: 3px;
    height: 32px;
    left: 4px;
    position: relative;
    top: -1px;
}
.BoardInvite {
    position: relative;
    z-index: 2;
}
.placesBoard .BoardInvite {
    border-radius: 0 0 6px 6px;
    top: -1px;
}
.BoardInvite.boardDetail .pending .boardInviteContent {
    float: left;
}
.BoardInvite .invitee {
    height: 30px;
    line-height: 30px;
    padding: 4px 0;
}
.BoardInvite .invitee .thumbImageWrapper {
    float: left;
    height: 30px;
    margin-right: 7px;
    position: relative;
    width: 30px;
}
.BoardInvite .invitee .thumbImageWrapper:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.BoardInvite .invitee .thumbImageWrapper emailIcon {
    border-radius: 3px;
    height: 30px;
    width: 30px;
}
.BoardInvite .invitee .thumbImageWrapper .inviteeIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -192px -467px rgba(0, 0, 0, 0);
    border-radius: 6px;
    height: 30px;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.BoardInvite .invitee .thumbImageWrapper .inviteeIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -434px -294px;
    background-size: 623px 491px;
}
}
.BoardInvite .invitee .thumbImageWrapper img {
    border-radius: 3px;
    height: 30px;
    width: 30px;
}
.BoardInvite .invitee .inviteeName {
    color: #333;
    display: block;
    font-size: 11px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BoardInvite .inviteTypeWrapper {
    font-size: 11px;
    line-height: 11px;
    margin-top: 1px;
}
.BoardInvite .inviteTypeWrapper .inviteTypeIcon {
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isPinner {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -217px -588px rgba(0, 0, 0, 0);
    height: 11px;
    margin-bottom: 2px;
    width: 11px;
}
@media not all, (min-resolution: 144dpi) {
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isPinner {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -353px -476px;
    background-size: 623px 491px;
}
}
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isEmail {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -270px -588px rgba(0, 0, 0, 0);
    height: 11px;
    margin-bottom: 2px;
    width: 11px;
}
@media not all, (min-resolution: 144dpi) {
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isEmail {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -365px -476px;
    background-size: 623px 491px;
}
}
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isFacebook {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -550px -309px rgba(0, 0, 0, 0);
    height: 10px;
    width: 10px;
}
@media not all, (min-resolution: 144dpi) {
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isFacebook {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -415px -476px;
    background-size: 623px 491px;
}
}
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isGplus {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -464px -309px rgba(0, 0, 0, 0);
    height: 10px;
    width: 10px;
}
@media not all, (min-resolution: 144dpi) {
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isGplus {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -471px -476px;
    background-size: 623px 491px;
}
}
.BoardInvite .inviteTypeWrapper .inviteTypeName {
    color: #666;
    display: inline-block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: normal;
    vertical-align: middle;
}
.BoardPage {
    position: relative;
    z-index: 0;
}
.BoardPage .boardNoContent {
    color: #333;
    margin-top: 99px;
    text-align: center;
}
.BoardPage .boardNoContent p {
    font-size: 17px;
    margin: 0 0 1em;
}
.BoardPage .relatedBoardsContainerTitle {
    font-size: 18px;
    margin-left: 28px;
    margin-top: 28px;
}
.BoardPage .headerSizer {
    max-width: 1236px;
}
.BoardPage.placesBoard .Map {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}
.BoardPage.placesBoard .addPinToMapButton {
    left: 530px;
    position: absolute;
    top: 14px;
    z-index: 5;
}
.BoardPage.placesBoard .addPinToMapButton.sticky {
    position: fixed;
    top: 58px;
}
.BoardPage.placesBoard .mapbox {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.BoardPage.placesBoard .addPlace, .BoardPage.placesBoard .addPinToMapClose {
    position: absolute;
}
.BoardPage.placesBoard .addPinToMapClose {
    display: none;
}
.BoardPage.placesBoard .addPinToMapClose.visible {
    display: block;
}
.BoardPage.placesBoard .addAPlace.hidden {
    display: none;
}
.BoardPage.placesBoard .addPinAnchor {
    height: 1px;
    left: 0;
    position: fixed;
    top: 41px;
    visibility: hidden;
    width: 1px;
    z-index: -1;
}
.BoardPage.placesBoard .leaflet-popup-tip {
    height: 11px;
    width: 11px;
}
.BoardPage.placesBoard .leaflet-popup-content-wrapper {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
    padding: 0;
}
.BoardPage.placesBoard .locationBoardContentWrapperBackground, .BoardPage.placesBoard .locationBoardPageContentWrapper, .BoardPage.placesBoard .addAPlace {
    transition: opacity 0.3s ease 0s;
}
.BoardPage.placesBoard .locationBoardContentWrapperBackground.fade, .BoardPage.placesBoard .locationBoardPageContentWrapper.fade, .BoardPage.placesBoard .addAPlace.fade {
    opacity: 0;
}
.BoardPage.placesBoard .locationBoardContentWrapperBackground {
    background: url("/webapp/style/app/desktop/images/map_board_page_translucent_bg-1x.042f7c91.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    position: fixed;
    top: 0;
    width: 515px;
    z-index: 1;
}
.BoardPage.placesBoard .locationBoardPageContentWrapper {
    padding: 14px;
    position: relative;
    width: 487px !important;
    z-index: 10;
}
.BoardPage.placesBoard .locationBoardPageContentWrapper .placeBoardGrid {
    margin-bottom: 0;
    margin-left: -7px;
}
.BoardPage.placesBoard .locationBoardPageContentWrapper .placeBoardGrid .GridItems {
    margin-bottom: 0;
    overflow: visible;
}
.BoardPage.placesBoard .leaflet-control-zoom-in, .BoardPage.placesBoard .leaflet-control-zoom-out {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    color: rgba(0, 0, 0, 0.44);
    padding: 4px 0 5px;
    text-align: center;
    width: 38px;
}
.BoardPage.placesBoard .leaflet-control-zoom-in:hover, .BoardPage.placesBoard .leaflet-control-zoom-out:hover {
    color: rgba(0, 0, 0, 0.6);
}
.BoardPage.placesBoard .leaflet-control-zoom-in:active, .BoardPage.placesBoard .leaflet-control-zoom-out:active {
    color: rgba(0, 0, 0, 0.8);
}
.BoardPage.placesBoard .leaflet-control-zoom-in.leaflet-disabled, .BoardPage.placesBoard .leaflet-control-zoom-in.leaflet-disabled:hover, .BoardPage.placesBoard .leaflet-control-zoom-out.leaflet-disabled, .BoardPage.placesBoard .leaflet-control-zoom-out.leaflet-disabled:hover {
    background: none repeat scroll 0 0 rgba(243, 243, 243, 0.95);
    color: rgba(0, 0, 0, 0.2);
}
.BoardPage.placesBoard .leaflet-control-zoom.leaflet-bar.leaflet-control {
    border: 1px solid rgba(0, 0, 0, 0.18);
    top: 0;
}
.BoardPicker2 {
    background-color: #f6f6f6;
    height: 324px;
    width: 440px;
}
.BoardPicker2.noSocialShareOptions {
    height: 354px;
}
.BoardPicker2.noSocialShareOptions .boardPickerListItems {
    max-height: 289px;
}
.BoardPicker2.noSocialShareOptions .boardPickerListItems.hasPinDupWarning {
    max-height: 245px;
}
.BoardPicker2 .PinDupWarning .pinnedToBoardWarning {
    font-size: 12px;
    height: 15px;
    overflow: hidden;
    padding: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BoardPicker2 .boardPickerTypeaheadSelector {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #c9c9c9;
    display: block;
    height: 32px;
    padding: 17px 20px 16px;
}
.BoardPicker2 .boardPickerTypeaheadSelector input {
    background-color: #fafafa;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    color: #777;
    font-size: 14px;
    padding: 7px 10px;
    width: 380px;
}
.BoardPicker2 .boardPickerTypeaheadSelector input:focus {
    background-color: #fff;
    color: #333;
}
.BoardPicker2 .enterInstructions {
    color: #999;
    display: block;
    padding: 10px 15px;
    position: absolute;
    right: 20px;
}
.BoardPicker2 .enterInstructions.hidden {
    display: none;
}
.BoardPicker2 .boardPickerListItems {
    max-height: 259px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.BoardPicker2 .boardPickerListItems.hasPinDupWarning {
    max-height: 215px;
}
.BoardPicker2 ul {
    margin: 0;
    padding: 0;
}
.BoardPicker2 ul.hidden {
    display: none;
}
.BoardPicker2 li {
    border-top: 0 none;
    list-style: none outside none;
}
.BoardPicker2 .allBoardsHeader {
    background-color: #ddd;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    padding-left: 20px;
}
.BoardPicker2 .allBoardsHeader.hidden {
    display: none;
}
.BoardPicker2 .boardListItemTextMatch {
    color: #333;
}
.BoardPicker2 .boardListItem {
    background-color: #f6f6f6;
    border-bottom: 1px solid #f1f1f1;
    color: #717171;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    overflow: hidden;
    padding: 8px 20px;
    position: relative;
    width: 400px;
}
.BoardPicker2 .boardListItem.hidden {
    display: none;
}
.BoardPicker2 .boardListItem .boardImgContainer {
    border-radius: 3px;
    display: inline-block;
    height: 32px;
    overflow: hidden;
    vertical-align: middle;
    width: 32px;
}
.BoardPicker2 .boardListItem .boardImg {
    height: 100%;
    width: 32px;
}
.BoardPicker2 .boardListItem .boardNameWrapper {
    display: inline-block;
    margin-left: 7px;
    max-width: 278px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.BoardPicker2 .boardListItem .boardNameWrapper.withSubtext {
    margin-top: 0;
}
.BoardPicker2 .boardListItem .boardSubtext {
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: normal;
}
.BoardPicker2 .boardListItem:active, .BoardPicker2 .boardListItem.active, .BoardPicker2 .boardListItem.highlighted {
    background: none repeat scroll 0 0 #ebebeb;
}
.BoardPicker2 .boardListItem:active .boardNameWrapper, .BoardPicker2 .boardListItem.active .boardNameWrapper, .BoardPicker2 .boardListItem.highlighted .boardNameWrapper {
    color: #333;
    display: inline-block;
    margin-left: 7px;
    max-width: 237px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BoardPicker2 .boardListItem:active .boardNameWrapper.withSubtext, .BoardPicker2 .boardListItem.active .boardNameWrapper.withSubtext, .BoardPicker2 .boardListItem.highlighted .boardNameWrapper.withSubtext {
    margin-top: 0;
}
.BoardPicker2 .boardListItem:active .BoardIcons, .BoardPicker2 .boardListItem.active .BoardIcons, .BoardPicker2 .boardListItem.highlighted .BoardIcons {
    display: none;
}
.BoardPicker2 .boardListItem:active .buttonWrapper, .BoardPicker2 .boardListItem.active .buttonWrapper, .BoardPicker2 .boardListItem.highlighted .buttonWrapper {
    display: inline-block;
}
.BoardPicker2 .buttonWrapper, .BoardPicker2 .BoardIcons {
    float: right;
}
.BoardPicker2 .BoardIcons.hidden {
    display: none;
}
.BoardPicker2 .buttonWrapper {
    display: none;
    padding: 0 10px;
}
.BoardPicker2 .BoardIcons {
    max-width: 50px;
    padding: 8px 20px;
}
.BoardPicker2 .createBoardIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -86px -97px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    float: left;
    font: 0px/0 serif;
    height: 32px;
    margin-right: 4px;
    text-shadow: none;
    width: 32px;
}
@media not all, (min-resolution: 144dpi) {
.BoardPicker2 .createBoardIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: 0 -96px;
    background-size: 191px 187px;
}
}
.BoardPickerOld {
    color: #333;
    font-weight: bold;
}
.BoardPickerOld .boardPickerInnerWrapper {
    width: 317px;
    z-index: 751;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerInner {
    width: 307px;
}
.BoardPickerOld.disabled .boardPickerOuter {
    background: linear-gradient(#f5f5f5, #fafafa) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #e4e4e4;
    box-shadow: none;
    color: #999;
    cursor: default;
}
.safari .BoardPickerOld.disabled .boardPickerOuter {
    background-color: #f7f7f7;
}
.BoardPickerOld .iconWrapper {
    float: right;
    max-width: 50px;
    padding-right: 2px;
}
.BoardPickerOld .placeIcon, .BoardPickerOld .secretIcon, .BoardPickerOld .collaborativeIcon, .BoardPickerOld .downArrow {
    margin-left: 1px;
}
.BoardPickerOld .placeIcon.hidden, .BoardPickerOld .secretIcon.hidden, .BoardPickerOld .collaborativeIcon.hidden {
    display: none;
}
.BoardPickerOld .collaborativeIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.BoardPickerOld .collaborativeIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -143px -84px;
    background-size: 191px 187px;
}
}
.BoardPickerOld .placeIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -247px -88px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 10px;
    text-shadow: none;
    width: 7px;
}
@media not all, (min-resolution: 144dpi) {
.BoardPickerOld .placeIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -183px -98px;
    background-size: 191px 187px;
}
}
.BoardPickerOld .secretIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -88px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 10px;
    margin-top: -1px;
    text-shadow: none;
    width: 9px;
}
.BoardPickerOld .boardPickerMask {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 750;
}
.BoardPickerOld .downArrow {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -220px -45px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 6px;
    text-shadow: none;
    width: 7px;
}
.BoardPickerOld .boardPickerOuter {
    background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    padding: 7px 12px;
    position: relative;
}
.BoardPickerOld .boardPickerOuter.primary {
    background-color: #ab171e;
    background-image: linear-gradient(#e3262e, #ab171e);
    border-color: #af151b #9a1015 #820a0f;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.11);
}
.BoardPickerOld .boardPickerOuter.primary:hover, .BoardPickerOld .boardPickerOuter.primary:focus {
    background-image: linear-gradient(#e63d45, #c11a22);
    border: 1px solid #920c12;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.BoardPickerOld .boardPickerOuter.primary:active, .BoardPickerOld .boardPickerOuter.primary.active {
    background-color: #e22123;
    background-image: linear-gradient(#bb1618, #e22123);
    border-color: #99161b;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;
    text-shadow: 0 1px rgba(0, 0, 0, 0.6);
}
.BoardPickerOld .currentBoard {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BoardPickerOld .currentBoard .iconWrapper span {
    margin-left: 2px;
}
.BoardPickerOld .boardPickerInnerWrapper {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    bottom: 12px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    display: none;
    margin-left: -6px;
    position: absolute;
    top: 23px;
    z-index: 752;
}
.BoardPickerOld .boardPickerInnerWrapper.visible {
    display: block;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerInner {
    bottom: 5px;
    color: #333;
    font-size: 13px;
    left: 5px;
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    z-index: 751;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem, .BoardPickerOld .boardPickerInnerWrapper .boardPickerHeader {
    padding: 6px 13px;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerHeader {
    background: none repeat scroll 0 0 #fff6c4;
    border-radius: 6px;
    color: #615e4b;
    margin-bottom: 3px;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerHeader h2 {
    font-size: 13px;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem {
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem:hover {
    background-color: #ebe8e8;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem.active {
    background: none repeat scroll 0 0 #cb2027;
    color: #fff;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem.active .secretIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -100px rgba(0, 0, 0, 0);
    height: 10px;
    width: 9px;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem.active .collaborativeIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -76px rgba(0, 0, 0, 0);
    height: 10px;
    width: 18px;
}
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem.active .placeIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -247px -64px rgba(0, 0, 0, 0);
    height: 10px;
    width: 7px;
}
@media not all, (min-resolution: 144dpi) {
.BoardPickerOld .boardPickerInnerWrapper .boardPickerItem.active .placeIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -183px -116px;
    background-size: 191px 187px;
}
}
.BoardPickerOld.large .boardPickerInnerWrapper {
    width: 335px;
    z-index: 751;
}
.BoardPickerOld.large .boardPickerInnerWrapper .boardPickerInner {
    width: 325px;
}
.BoardPickerOld .createBoard {
    margin: 9px 6px;
}
.BoardPickerOld .createBoardNameContainer {
    overflow: hidden;
    padding-right: 10px;
}
.BoardPickerOld .createBoardName {
    width: 100%;
}
.BoardPickerOld .createBoardButton {
    float: right;
    padding-right: 14px;
}
.BoardRecFeedHomePage .noResults {
    font-size: 18px;
    font-weight: normal;
    margin-top: 54px;
    text-align: center;
    width: 100%;
}
.BoardRecommendationsModule .active {
    color: #878787;
}
.BoardRecommendationsModule .sectionTitle {
    float: left;
}
.BoardsToFollow > .Module:first-of-type li:first-child .follow_view {
    padding-top: 10px;
}
.BoardsToFollow > .Module:last-child li:last-child .follow_view {
    padding-bottom: 10px;
}
.BoardsToFollow .List {
    border-top: 1px solid #e0e0e0;
}
.BoardsToFollow .arrow {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -220px -16px rgba(0, 0, 0, 0);
    float: right;
    height: 13px;
    margin: 3px 12px 0 0;
    width: 9px;
}
@media not all, (min-resolution: 144dpi) {
.BoardsToFollow .arrow {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -100px -171px;
    background-size: 191px 187px;
}
}
.getStarted {
    margin: 0 auto;
    text-align: center;
}
.BusinessGetStartedCards .getStartedCard .iconFirst, .BusinessGetStartedCards .getStartedCard .iconVerify, .BusinessGetStartedCards .getStartedCard .iconBoard, .BusinessGetStartedCards .getStartedCard .iconPinitBtn, .BusinessGetStartedCards .getStartedCard .iconAnalyticsBtn, .BusinessGetStartedCards .getStartedCard .iconFollowBtn {
    display: inline;
    left: 50%;
    margin-left: -15px;
    overflow: hidden;
    position: absolute;
    top: -15px;
}
.BusinessGetStartedCards {
    margin-top: 60px;
    position: relative;
}
.BusinessGetStartedCards .getStartedCard {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 3px #aaa;
    display: inline-block;
    height: 250px;
    margin: 0 5px;
    padding-top: 30px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 220px;
}
.BusinessGetStartedCards .getStartedCard .pinitBtnContainer {
    text-align: center;
}
.BusinessGetStartedCards .getStartedCard img.pinitBtn {
    margin-top: -6px;
}
.BusinessGetStartedCards .getStartedCard .iconFirst {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -256px -467px rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
}
.BusinessGetStartedCards .getStartedCard .iconVerify {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -128px -467px rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
}
.BusinessGetStartedCards .getStartedCard .iconBoard {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -288px -467px rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
}
.BusinessGetStartedCards .getStartedCard .iconPinitBtn {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -160px -467px rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
}
.BusinessGetStartedCards .getStartedCard .iconAnalyticsBtn {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -320px -467px rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
}
.BusinessGetStartedCards .getStartedCard .iconFollowBtn {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -224px -467px rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
}
.BusinessGetStartedCards .getStartedCard .bubble {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50px 50px 0 0;
    box-shadow: 0 0 3px #aaa;
    height: 25px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    top: -25px;
    width: 50px;
}
.BusinessGetStartedCards .getStartedCard .bubble:before {
    background: none repeat scroll 0 0 #fff;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
.BusinessGetStartedCards .getStartedCard h3 {
    color: #201919;
    font-size: 16px;
    font-weight: 700;
}
.BusinessGetStartedCards .getStartedCard p, .BusinessGetStartedCards .getStartedCard > a {
    color: #5a4c4c;
    font-size: 12px;
    line-height: 18px;
}
.BusinessGetStartedCards .getStartedCard h3, .BusinessGetStartedCards .getStartedCard p, .BusinessGetStartedCards .getStartedCard > a {
    margin: 0 20px;
    padding: 0 0 10px;
}
.BusinessGetStartedCards .getStartedCard .actions {
    bottom: 10px;
    left: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
}
.BusinessGetStartedCards .getStartedCard .Button {
    display: inline;
    padding: 8px 38px 7px;
    text-align: center;
}
.BusinessGetStartedCards .getStartedCard a.dismiss {
    color: #8c7e7e;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    padding-top: 10px;
}
.BusinessGetStarted .headerSizer {
    max-width: 1236px;
}
.BusinessGetStarted .UserProfileHeader {
    display: table;
    margin: 14px auto;
}
.BusinessGetStarted .getStarted h2, .BusinessGetStarted .getStarted h3 {
    color: #777;
    font-weight: normal;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}
.BusinessGetStarted .getStarted h2 {
    font-size: 24px;
    margin-top: 36px;
}
.BusinessGetStarted .getStarted h3 {
    font-size: 16px;
    margin-top: 30px;
}
.CanonicalPin .canonicalPinWrapper {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    margin-bottom: 14px;
    padding: 10px;
    width: 216px;
}
.CanonicalPin .canonicalPinTitle {
    font-size: 16px;
    font-weight: bold;
}
.CanonicalPin .canonicalPinContent {
    color: #8e8e8e;
    font-size: 14px;
    font-weight: normal;
    max-width: 216px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.CanonicalPin .canonicalPinContentWrapper {
    padding: 10px;
}
.CategoriesBar.guided {
    background-color: rgba(247, 247, 247, 0.9);
    box-shadow: 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(220, 220, 220, 0.9);
    height: 33px;
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 670;
}
.CategoriesBar.guided.hide {
    display: none;
}
.CategoriesBar.guided .categoriesContainer {
    text-align: center;
    vertical-align: baseline;
}
.CategoriesBar.guided .categoriesContainer li {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-top: 7px;
}
.CategoriesBar.guided .categoriesContainer li:first-child {
    margin-left: 14px;
}
.CategoriesBar.guided .categoriesContainer li .category {
    color: #a1a1a1;
    cursor: pointer;
}
.CategoriesBar.guided .categoriesContainer li .category:hover, .CategoriesBar.guided .categoriesContainer li .category:active, .CategoriesBar.guided .categoriesContainer li .category.active {
    color: #cb2027;
}
.CategoriesBar.guided .categoriesContainer li .dot {
    color: #a1a1a1;
    cursor: default;
    margin: 0 5px;
}
.CategoriesMenu {
    border-radius: 6px;
    overflow-y: auto;
    text-align: left;
    width: 665px;
}
.CategoriesMenu.guided {
    border-radius: 6px;
    width: 496px;
}
.CategoriesMenu.guided .categoriesWrapper {
    margin: 0;
    padding: 24px;
}
.CategoriesMenu.guided ul {
    margin: 0;
    padding: 0;
}
.CategoriesMenu.guided ul.column0 {
    width: 236px;
}
.CategoriesMenu.guided ul.column1 {
    width: auto;
}
.CategoriesMenu.guided ul li:first-child {
    margin-bottom: 3px;
    padding-top: 0;
}
.CategoriesMenu.guided ul li .item {
    color: #838383;
    font-size: 14px;
    font-weight: 600;
    height: 16px;
    padding: 0;
}
.CategoriesMenu.guided ul li .item:hover {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    color: #cb2027;
}
.CategoriesMenu .categoriesWrapper {
    bottom: 0;
    height: auto;
    left: 0;
    margin-bottom: 34px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.CategoriesMenu .categoriesWrapper.iPad {
    position: static;
}
.CategoriesMenu ul {
    width: 201px;
}
.ielt10 .CategoriesMenu ul {
    width: 195px;
}
.CategoriesMenu .column0, .CategoriesMenu .column1, .CategoriesMenu .column2 {
    padding-bottom: 6px;
    padding-top: 6px;
}
.CategoriesMenu .column0 li, .CategoriesMenu .column1 li, .CategoriesMenu .column2 li {
    margin-bottom: 3px;
}
.CategoriesMenu .column0 li:first-child, .CategoriesMenu .column1 li:first-child, .CategoriesMenu .column2 li:first-child {
    padding-top: 4px;
}
.CategoriesMenu .column0 {
    float: left;
    padding-left: 10px;
}
.CategoriesMenu .column1 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.CategoriesMenu .column2 {
    float: right;
    padding-right: 10px;
}
.CategoriesMenu .item {
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #8f8f8f;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 6px 0 5px 9px;
    position: relative;
}
.CategoriesMenu .item:active, .CategoriesMenu .item.selected {
    color: #000;
}
.CategoriesMenu .item.static {
    color: #333;
}
.CategoriesMenu .item.highlight span {
    color: #cb2027;
}
.CategoriesMenu .item:hover {
    background: linear-gradient(#f1f1f1, #e8e8e8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset, 1px 0 0 rgba(0, 0, 0, 0.04) inset, -1px 0 0 rgba(0, 0, 0, 0.02) inset;
}
.CategoriesMenu .AboutLinks {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ebebeb;
    bottom: 0;
    clear: both;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
}
.CategoriesMenu .AboutLinks ul {
    width: 100%;
}
.CategoriesPage .categoriesSep {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #eee;
    margin: 50px 0 40px;
    text-align: center;
}
.CategoriesPage .categoriesSep h2 {
    background-color: #e9e9e9;
    color: #8d8d8d;
    font-size: 14px;
    margin: 0 auto -8px;
    text-shadow: 0 1px 0 #eee;
    width: 220px;
}
.Category {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    padding: 10px;
    position: relative;
    width: 216px;
}
.Category .hoverMask {
    border-radius: 3px;
    bottom: 0;
    box-shadow: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .Category .hoverMask {
    display: none !important;
}
.Category .imageWrapper:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.Category .imageWrapper:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.Category .name {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px 6px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Category .imageWrapper {
    position: relative;
}
.Category .imageWrapper:after {
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 216px;
}
.Category .imageWrapper .categoryImage {
    border-radius: 6px;
    height: 120px;
    width: 216px;
}
.Category .imageWrapper .categoryImage {
    height: 120px;
    overflow: hidden;
}
.CloseupBottom .relatedPinsWrapper {
    visibility: hidden;
}
.CloseupBottom .sectionTitle {
    color: #444;
    font-size: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.CloseupBottom .gridContainer {
    clear: both;
}
.CloseupBottom .CloseupRelatedPins, .CloseupBottom .CloseupRelatedBoards {
    margin-top: 20px;
}
.CloseupContent .Questions {
    margin-bottom: 14px;
}
.Closeup .closeupContainer, .Closeup .closeupBottom {
    margin: 0 auto;
    width: 1000px;
}
.Closeup .pinUsers {
    border-top: 1px solid #e0e0e0;
}
.Closeup.canClose {
    background-color: rgba(227, 224, 226, 0.95);
    cursor: zoom-out;
}
.Closeup.canClose .closeupContainer, .Closeup.canClose .closeupBottom {
    cursor: auto;
}
.Closeup.canClose .closeupContainer, .Closeup.canClose .closeupBottom {
}
.Closeup.canClose .PinActionBar {
    top: 28px;
}
.Closeup.canClose .PinActionBar.sticky {
    top: 0;
}
.Closeup .transitionImage {
    background: none repeat scroll 0 0 #f8f8f8;
    position: absolute;
}
.Closeup .closeupActionBarContainer {
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 101;
}
.Closeup .close {
    padding-left: 2px;
    position: fixed;
    top: 0;
    z-index: 652;
}
.Closeup .visible {
    display: block;
}
.Closeup .closeupContainer {
    margin-top: 28px;
}
.Closeup .closeupContainer:after {
    clear: both;
    content: "";
    display: table;
}
.Closeup .CloseupContent, .Closeup .CloseupSidebar, .Closeup .PinActionBar {
    margin: 0 7px;
}
.Closeup .CloseupContent {
    float: left;
}
.Closeup .CloseupSidebar {
    float: right;
}
.Closeup.lite .CloseupContent, .columns-3 .Closeup .CloseupContent {
    float: none;
}
.Closeup.lite .CloseupContent, .Closeup.lite .closeupActionBarContainer, .Closeup.lite .closeupBottom, .Closeup.lite .closeupContainer, .columns-3 .Closeup .CloseupContent, .columns-3 .Closeup .closeupActionBarContainer, .columns-3 .Closeup .closeupBottom, .columns-3 .Closeup .closeupContainer {
    width: 750px;
}
.Closeup.lite .transitionImage, .columns-3 .Closeup .transitionImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
    text-align: center;
    width: 736px;
}
.Closeup.lite .CloseupSidebar, .columns-3 .Closeup .CloseupSidebar {
    height: 0;
    overflow: hidden;
    position: absolute;
}
.Closeup.lite .closeupBottom {
    display: none;
}
.CloseupRelatedBoards .sectionTitle {
    margin: 0 7px;
}
.CloseupRelatedBoards .GridItems {
    margin-bottom: 0;
}
.CloseupRelatedPins .relatedPinsAnnotationTitleWrapper {
    margin: 0 7px;
}
.CloseupRelatedPins .annotations, .CloseupRelatedPins .annotationHeader {
    font-size: 14px;
    font-weight: bold;
}
.CloseupRelatedPins .active {
    color: #878787;
}
.CloseupRelatedPins .annotations {
    float: right;
}
.CloseupRelatedPins .annotations .annotationHeader {
    color: #333;
    float: left;
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.CloseupRelatedPins .annotationList {
    list-style: none outside none;
    padding-top: 2px;
    text-align: right;
}
.CloseupRelatedPins .annotationList li {
    display: inline;
    margin-right: 1px;
}
.CloseupRelatedPins .sectionTitle {
    float: left;
}
.CloseupRichPinContent .richPinInformation {
    border-top: 1px solid #e3e3e3;
    padding-top: 18px;
}
.CloseupRichPinContent .richPinRecipeIngredientHeading {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}
.CloseupRichPinContent .richPinTitleWrapper, .CloseupRichPinContent .richPinSourceWrapper, .CloseupRichPinContent .richPinMeta, .CloseupRichPinContent .richPinName, .CloseupRichPinContent .richFooter {
    padding-left: 20px;
    padding-right: 20px;
}
.CloseupRichPinContent .richPinMeta.hasPlace {
    padding-top: 14px;
    text-shadow: 1px 1px white;
}
.CloseupRichPinContent .richPinMeta.hasPlace .richPinArticleSummary {
    padding-top: 0;
}
.CloseupRichPinContent .richPinMeta.noPlaceMetadata {
    display: none;
}
.CloseupRichPinContent .richPinAttributionTitle {
    display: inline-block;
    max-width: 334px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
.CloseupRichPinContent .footerTitle, .CloseupRichPinContent .footerChevron {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: -1px;
}
.CloseupRichPinContent .footerChevron {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -220px -16px rgba(0, 0, 0, 0);
    float: right;
    height: 13px;
    margin: 4px 0 0;
    width: 9px;
}
@media not all, (min-resolution: 144dpi) {
.CloseupRichPinContent .footerChevron {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -100px -171px;
    background-size: 191px 187px;
}
}
.CloseupRichPinContent .footerTitle {
    float: left;
    max-width: 682px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.CloseupRichPinContent .richPinIngredientTable {
    border-collapse: collapse;
    font-size: 14px;
    margin-bottom: 36px;
    width: 100%;
}
.CloseupRichPinContent .richPinIngredientTable:last-child {
    margin-bottom: 0;
}
.CloseupRichPinContent .richPinIngredientTable .richPinRecipeIngredientAmount {
    width: 140px;
}
.CloseupRichPinContent .richPinIngredientTable .underline {
    border-bottom: 1px solid #dfdfdf;
}
.CloseupRichPinContent .richPinIngredientTable .underline:last-child {
    border-bottom: medium none;
}
.CloseupRichPinContent .richPinIngredientTable .underline td {
    padding-bottom: 8px;
    padding-top: 8px;
}
.CloseupRichPinContent .richPinSourceWrapper {
    color: #333;
    font-size: 14px;
    max-width: 687px;
    overflow: hidden;
    padding-bottom: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.CloseupRichPinContent .richPinTitleWrapper {
    color: #999;
    font-size: 16px;
    padding-bottom: 14px;
}
.CloseupRichPinContent .richPinTitleWrapper.onlyAttribution {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e3e3e3;
    padding-bottom: 14px;
    padding-top: 13px;
}
.CloseupRichPinContent .richPinAttributionIcon {
    float: left;
    height: 16px;
    margin-right: 7px;
    margin-top: 2px;
    width: 16px;
}
.CloseupRichPinContent .priceDrop {
    color: #cb2027;
    font-weight: 600;
}
.CloseupRichPinContent .movieRating {
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    padding: 18px 0;
}
.CloseupRichPinContent .directorActors {
    overflow: hidden;
}
.CloseupRichPinContent .richPinMeta {
    background: none repeat scroll 0 0 #f0f0f0;
    border-top: 1px solid #d6d6d6;
    color: #777;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 14px;
}
.CloseupRichPinContent .ratingValue {
    font-weight: bold;
}
.CloseupRichPinContent .richMovieTitle {
    float: left;
    font-size: 13px;
    width: 100px;
}
.CloseupRichPinContent .richPinTableColumn {
    margin-top: 18px;
    width: 347px;
}
.CloseupRichPinContent .richPinTableColumnLeft {
    float: left;
}
.CloseupRichPinContent .richPinTableColumnRight {
    float: right;
}
.CloseupRichPinContent .richMovieValues {
    float: left;
    line-height: 19px;
    margin: 0;
    width: 236px;
}
.CloseupRichPinContent .richPinName {
    color: #333;
    font-size: 21px;
    margin-bottom: 10px;
}
.CloseupRichPinContent .richFooter {
    border-top: 1px solid #d6d6d6;
    display: block;
    overflow: hidden;
    padding-bottom: 14px;
    padding-top: 14px;
}
.CloseupRichPinContent .richFooter:hover {
    background: none repeat scroll 0 0 #f0f0f0;
}
.CloseupRichPinContent .richFooter:active {
    background: none repeat scroll 0 0 #e9e9e9;
}
.CloseupRichPinContent .richPinSourceFavicon {
    border-radius: 2px;
    float: left;
    height: 16px;
    margin-right: 7px;
    width: 16px;
}
.CloseupRichPinContent .richPinArticleSummary {
    color: #777;
    line-height: 22px;
    padding-right: 30px;
    padding-top: 14px;
}
.CloseupSidebar {
    position: relative;
    width: 236px;
    z-index: 102;
}
.CloseupSidebar .Board {
    margin-bottom: 14px;
}
.CloseupSidebar .Board .Button {
    margin-top: 4px;
    width: 100%;
}
.CloseupSidebar .Domain, .CloseupSidebar .VisuallySimilar {
    margin-bottom: 14px;
}
.Consumer .editConsumerButton {
    color: #aaa;
}
.Consumer .consumerSecretText {
    cursor: pointer;
}
.ConsumerManagePage {
    background: none repeat scroll 0 0 #fff;
    font-size: 14px;
    min-height: 500px;
}
.ConsumerManagePage .consumerContainer {
    width: 600px;
}
.ConsumerManagePage .consumerContainer .consumerList {
    margin-top: 30px;
    width: 500px;
}
.ConsumerManagePage .consumerContainer .consumerList tr {
    height: 50px;
}
.ConsumerManagePage .consumerContainer .consumerList tr .consumerEdit {
    padding-right: 15px;
    text-align: right;
}
.ConsumerManagePage .consumerContainer .consumerList tr .consumerName {
    width: 250px;
}
.ConsumerManagePage .consumerContainer .consumerList tr td {
    border-bottom: 1px solid #e3e3e3;
}
.ConsumerManagePage .consumerContainer .consumerList tr th {
    border-bottom: 2px solid #e3e3e3;
    font-family: "Adelle-Bold",sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
}
.ConsumerManagePage .consumerContainer .newConsumerButton {
    color: #079ddb;
    font-weight: bold;
    margin-top: 30px;
}
.ConsumerManagePage .note {
    color: #666;
    font-size: 20px;
    margin-top: 15px;
}
.ConsumerNewDialog {
    width: 580px;
}
.CsrfErrorPage {
    text-align: center;
}
.CsrfErrorPage .errorHeader p {
    color: #777;
    font-size: 17px;
    font-weight: normal;
}
.CsrfErrorPage .errorNumber {
    border: 5px solid #bbb;
    border-radius: 50%;
    color: #aaa;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 auto 20px;
    text-align: center;
    width: 40px;
}
.CsrfErrorPage .diagnoseList {
    display: inline-block;
    margin: 40px 0 50px -14px;
    padding: 0;
}
.CsrfErrorPage .diagnose, .CsrfErrorPage .more {
    color: #555;
}
.CsrfErrorPage .header {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
    height: 44px;
    position: fixed;
    text-align: center;
    width: 100%;
}
.CsrfErrorPage .header img {
    position: relative;
    top: 8px;
    width: 104px;
}
.CsrfErrorPage .diagnose {
    float: left;
    list-style-type: none;
    margin-left: 14px;
    width: 175px;
}
.CsrfErrorPage .more a, .CsrfErrorPage .diagnose a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
}
.CsrfErrorPage .more a:hover, .CsrfErrorPage .diagnose a:hover {
    color: #d62229;
}
.CsrfErrorPage .errorMessage {
    padding-top: 90px;
    width: auto;
}
.Developer {
    background: none repeat scroll 0 0 #dedddd;
    font-family: "Adelle-Regular",sans-serif;
    font-size: 14px;
}
.Developer a {
    color: #079ddb;
}
.Developer a:hover {
    color: #05adf3;
}
.Developer p {
    margin: 10px 0;
}
.Developer .developerContainer {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    width: 992px;
}
.Developer .developerContent {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #333;
    display: table;
    font-size: 16px;
    min-height: 380px;
    padding-top: 40px;
    width: 992px;
}
.Developer h2 {
    font-family: "Abril-Bold",serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 47px;
}
.Developer h3, .Developer blockquote {
    color: #666;
    font-family: "Adelle-Light",sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 27px;
    margin-left: 0;
}
.Developer h4 {
    font-family: "Adelle-Bold",sans-serif;
    font-weight: normal;
}
.Developer .dev-Sidebar {
    width: 212px;
}
.Developer .ConsumerManagePage, .Developer .dev-iOS, .Developer .dev-Android, .Developer .dev-ContactUs, .Developer .dev-ApiAccessApply, .Developer .dev-ContactUsThankYou, .Developer .dev-OnHoverPinItButtons, .Developer .dev-RichPins, .Developer .dev-RichPinsOverview, .Developer .dev-RichPinsProduct, .Developer .dev-RichPinsRecipe, .Developer .dev-RichPinsMovie, .Developer .dev-RichPinsArticle, .Developer .dev-RichPinsPlace, .Developer .dev-PinIt, .Developer .dev-PinItExtFaq, .Developer .dev-OneClickFollowGuide, .Developer .dev-API, .Developer .dev-HomeContent, .Developer .dev-ApiDocs, .Developer .dev-ApiEndpointDoc, .Developer .dev-ApiSamplePinResponse, .Developer .dev-ApiSigTool {
    background-color: #fff;
    display: table-cell;
    margin: 0;
    max-width: 708px;
    padding: 30px 35px;
    width: 708px;
}
.Developer .dev-Footer {
    float: left;
    overflow: hidden;
}
.Developer .divider {
    border-bottom: 1px solid #e3e3e3;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 16px;
}
.Developer .divider.top {
    border-bottom: 2px solid #e3e3e3;
    margin-bottom: 8px;
}
.Developer code {
    background-color: #fdf6da;
}
.Developer pre {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    font-size: 12px;
    overflow-x: scroll;
    padding: 12px 10px;
}
.Developer .lastUpdated {
    color: #999;
    font-size: 14px;
    margin-top: 0;
}
.Developer .bulletPoints li {
    list-style: none outside none;
    margin-top: 8px;
}
.DomainAnalyticsPage .headerTitle {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 33px auto 21px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.DomainAnalyticsPage .noData {
    color: #333;
    display: none;
    padding-top: 50px;
    text-align: center;
}
.DomainAnalyticsPage .noData p {
    font-size: 17px;
    margin: 0 0 1em;
}
.DomainAnalyticsPage .footer {
    padding-bottom: 65px;
}
.Domain .domainWrapper {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    padding: 10px;
    width: 216px;
}
.Domain .domainWrapper .hoverMask {
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .Domain .domainWrapper .hoverMask {
    display: none !important;
}
.Domain .domainWrapper .domainLinkWrapper:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.Domain .domainWrapper .domainLinkWrapper:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.Domain .thumbRow {
    padding-bottom: 3px;
}
.Domain .thumbRow:after {
    clear: both;
    content: "";
    display: table;
}
.Domain .domainLinkWrapper {
    display: block;
}
.Domain .domainName {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px 6px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Domain .domainSubtitle {
    color: #8e8e8e;
    font-size: 12px;
    margin-left: 3px;
}
.Domain .thumb {
    background-color: #eee;
    border-radius: 6px;
    float: left;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 70px;
}
.Domain .thumb:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
}
.Domain .thumb .thumbImage {
    border-radius: 3px;
    height: 70px;
    width: 70px;
}
.Domain .thumb img {
    display: block;
}
.Domain .thumb:first-child {
    margin: 0;
}
.DomainFeedPage .feedName {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 33px auto 21px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.DomainFeedPage .feedName.v2 {
    font-size: 36px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 0;
}
.DomainFeedPage .pinsFrom {
    color: #999;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 7px;
    padding-top: 25px;
    text-align: center;
}
.DomainFeedPage .noData {
    color: #333;
    display: none;
    margin-top: 100px;
    text-align: center;
}
.DomainFeedPage .noData p {
    font-size: 17px;
    margin: 0 0 1em;
}
.DomainFeedPage .noData .emptyIcon {
    background: url("/webapp/style/app/common/images/empty_user_pins-1x.71d0443a.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 206px;
    margin-bottom: 16px;
    width: 124px;
}
.DomainInfoBar {
    margin-top: 15px;
}
.DomainInfoBar .domain {
    font-style: normal;
    font-weight: bold;
}
.DomainInfoBar .headerText {
    float: right;
}
.DomainInfoBar .offsiteLink.Button {
    border-bottom: medium none;
    border-left: medium none;
    border-radius: 6px 0 0 6px;
    border-top: medium none;
    float: left;
    max-width: 525px;
    overflow: hidden;
    padding: 0 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DomainInfoBar .offsiteLink.Button span {
    font-size: 13px;
    position: relative;
    top: -1px;
}
.DomainInfoBar .offsiteLink.Button em {
    display: block;
}
.DomainOwnerInfoBar {
    margin-top: 15px;
}
.DomainOwnerInfoBar .domain {
    display: inline;
    margin-left: 20px;
}
.DomainOwnerInfoBar .leftHeaderContainer {
    border-right: 1px solid #ccc;
    float: left;
    width: 236px;
}
.DomainOwnerInfoBar .leftHeaderContainer .datePicker {
    display: inline;
    margin-left: 7px;
    margin-top: -4px;
    width: 222px;
}
.DomainOwnerInfoBar .rightHeaderContainer {
    float: right;
}
.DomainOwnerInfoBar .rightHeaderContainer li {
    border-left: 1px solid #cdcdcd;
    display: inline;
    float: left;
}
.DomainOwnerInfoBar .rightHeaderContainer .export {
    margin: 6px 8px 8px;
}
.DomainOwnerInfoTabsContainer .buttonText {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset;
    color: #777;
    display: block;
    font-weight: bold;
    padding: 1px 20px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.DomainOwnerInfoTabsContainer .buttonText:hover, .DomainOwnerInfoTabsContainer .buttonText.active {
    background: linear-gradient(#fff, #f4f4f4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333;
}
.DomainOwnerInfoTabsContainer .buttonText:active {
    background: url("/webapp/style/app/desktop/images/infoBarActiveShadowLeftSide.9195d28e.png") repeat-y scroll left top, url("/webapp/style/app/desktop/images/infoBarActiveShadowRightSide.f4401102.png") repeat-y scroll right top, linear-gradient(#fff, #f4f4f4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
}
.DomainQuestion {
    margin: 0 auto;
    width: 967px;
}
.DomainQuestion .Pin {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.DomainQuestion .Pin.summary .pinImageWrapper.collapsed {
    max-height: 206px;
}
.DomainQuestion .Button.expandGiraffe {
    top: 170px;
}
.DomainQuestion .Question {
    display: inline-block;
}
.DomainQuestionsPage .headerTitle {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 33px auto 21px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.DomainQuestionsPage .questionListItem {
    margin: 20px 0;
}
.DomainVerify.inModal {
    width: 580px;
}
.DomainVerify .standardForm .motivation, .DomainVerify .standardForm .errorReason {
    padding-top: 7px;
}
.DomainVerify .standardForm .fieldHelpText {
    font-size: 11px;
    margin-left: 143px;
    margin-top: 7px;
}
.DomainVerify .standardForm .helpText {
    display: table;
    height: 30px;
    width: 250px;
}
.DomainVerify .standardForm .helpText .helpContainer {
    display: table-cell;
    vertical-align: middle;
}
.DomainVerify .standardForm .helpText a {
    cursor: pointer;
}
.DomainVerify .standardForm .errorSection, .DomainVerify .standardForm .filename {
    display: none;
}
.EmailContact {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    padding: 20px;
    position: relative;
}
.EmailContact .check {
    position: absolute;
    right: 20px;
    top: 25px;
}
.EmailContact .email {
    color: gray;
    font-size: 12px;
    margin-left: 5px;
}
.EmailContact .emailWrapper {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 380px;
}
.EmailContact .name {
    font-size: 15px;
}
.EmbedBoard.v2 h3 {
    padding: 20px 0 10px;
}
.Embed {
    color: #333;
    width: 386px;
}
.Embed h3 {
    margin: 15px 20px 12px;
}
.Embed .widgetContainer {
    padding: 20px;
}
.Embed a {
    color: #333;
}
.Embed .sampleCode {
    background-color: #f0f0f0;
    padding: 5px 20px 20px;
    width: 346px;
}
.Embed .sampleCode textarea {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    color: #717171;
    font-size: 13px;
    height: 30px;
    padding: 8px;
    width: 330px;
}
.EmbedPinner.guided h3 {
    padding: 20px 0 10px;
}
.EmptyConversations {
    background: none repeat scroll 0 0 #fff;
}
.EmptyConversations .intro {
    color: #999;
    font-size: 13px;
    margin: 20px auto 24px;
    text-align: center;
    width: 210px;
}
.EmptyConversations .intro strong {
    color: #666;
    letter-spacing: 0.1px;
    line-height: 20px;
}
.EmptyConversations .icon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 238px;
    margin: 30px auto 0;
    width: 280px;
}
@media not all, (min-resolution: 144dpi) {
.EmptyConversations .icon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 0;
    background-size: 623px 491px;
}
}
.EmptyConversations .headsContainer {
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    width: 225px;
}
.EmptyConversations .headsContainer:after {
    clear: both;
    content: "";
    display: table;
}
.EmptyConversations .headsContainer .ConversationHead {
    float: left;
    margin-right: 24px;
}
.EmptyConversations .headsContainer .ConversationHead:last-child {
    margin-right: 0;
}
.EntityReport {
    width: 365px;
}
.ExploreCategories {
    padding: 7px 0;
}
.ExploreCategories .content {
    margin: 0 auto;
}
.ExploreCategories .sectionTitle {
    color: #939393;
    font-size: 13px;
    margin: 7px 0 0 7px;
}
.Explore {
    min-width: 900px;
}
.ExploreInterests {
    background: none repeat scroll 0 0 #363636;
    padding: 7px 0;
}
.ExploreInterests .content {
    margin: 0 auto;
}
.ExploreRelatedInterest .sectionTitle {
    color: #939393;
    font-size: 13px;
    margin: 7px 0 0 7px;
}
.ExploreRelatedInterest .sectionTitle a {
    color: #000;
}
.ExploreRelatedInterest .Grid {
    margin: 0;
}
.ExploreRelatedInterests {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    padding: 7px 0;
}
.ExploreRelatedInterests .content {
    margin: 0 auto;
}
.ExploreRelatedInterests .relatedInterests.first {
    float: left;
}
.ExploreRelatedInterests .relatedInterests.second {
    float: right;
}
.FacebookContact {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    padding: 10px 10px 10px 15px;
    position: relative;
}
.FacebookContact .facebookWrapper {
    float: left;
    height: 20px;
    margin-left: 5px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 306px;
}
.FacebookContact .name {
    font-size: 15px;
}
.FacebookContact .image {
    display: inline-block;
    float: left;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}
.FastFollow {
    background-color: #e9e9e9;
    width: 1046px;
}
@media (min-width: 481px) and (max-width: 768px) {
.FastFollow {
    width: 546px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.FastFollow {
    width: 796px;
}
}
.FastFollow.inModal {
    border-radius: 6px;
}
.FastFollow .fastFollowContent {
    padding-left: 20px;
    position: relative;
}
.FastFollow .searchBoxWrapper {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin: 14px 7px 0;
    position: absolute;
    width: 236px;
}
.FastFollow .ui-SearchForm {
    padding: 10px;
    width: auto;
}
.FastFollow .ui-SearchForm .ui-TypeaheadField {
    float: none;
    width: 100%;
}
.FastFollow .ui-SearchForm .submit {
    right: 19px;
    top: 17px;
}
.FastFollow .FastFollowSidebar {
    position: absolute;
}
.FastFollow .FastFollowSidebar.withSearchBox {
    margin-top: 63px;
    max-height: 75%;
}
.FastFollow .fastFollowGridContainer {
    height: 100%;
    margin-left: 250px;
    overflow: auto;
}
.FastFollow .fastFollowGridContainer .heading {
    font-weight: normal;
    margin: 16px 0 6px 16px;
}
.FastFollow .fastFollowGridContainer .heading .categoryOrQuery {
    font-weight: bold;
}
.FastFollow .fastFollowGridContainer .searchHeading {
    display: none;
}
.FastFollow .wholeBoardMask {
    display: none;
    position: absolute;
    z-index: 1000;
}
.FastFollow .wholeBoardMask.followedBoard {
    display: block;
}
.FastFollow .wholeBoardMask .check {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -374px -253px rgba(0, 0, 0, 0);
    height: 66px;
    margin: 70px 80px;
    position: absolute;
    width: 88px;
    z-index: 1000;
}
@media not all, (min-resolution: 144dpi) {
.FastFollow .wholeBoardMask .check {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -478px -172px;
    background-size: 623px 491px;
}
}
.FastFollow .wholeBoardMask .mask {
    background-color: #fff;
    border-radius: 6px;
    height: 305px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 236px;
}
.FastFollow .wholeBoardMask .message {
    float: left;
    padding: 160px 0 0 54px;
    position: relative;
    z-index: 1001;
}
.FastFollow .wholeBoardMask .message h4 {
    color: #222;
    font-size: 15px;
    font-weight: bold;
    margin-left: 20px;
}
.FastFollow .wholeBoardMask .message span {
    color: #555;
    float: left;
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 8px;
    text-align: center;
}
.FastFollow .ui-FollowButton {
    z-index: 1001;
}
.FastFollowHeader {
    background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #bebebe;
    overflow: hidden;
    padding: 30px 33px 30px 30px;
}
.FastFollowHeader .title {
    color: #666;
    float: left;
    font-size: 20px;
    font-weight: normal;
    max-width: 800px;
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
.FastFollowHeader .title {
    padding-bottom: 10px;
}
}
.FastFollowHeader .title strong {
    color: #000;
    font-size: 28px;
}
@media (min-width: 481px) and (max-width: 768px) {
.FastFollowHeader .title strong {
    display: block;
}
}
.FastFollowHeader .title .info {
    font-size: 16px;
    margin-top: 4px;
}
.FastFollowHeader .title .large {
    display: inline;
    font-size: 22px;
}
.FastFollowHeader .title .long {
    display: block;
}
.FastFollowHeader .followPageSidebarNavigate, .FastFollowHeader .ui-Progress {
    float: right;
}
.FastFollowHeader .ui-Progress {
    margin-top: 2px;
}
.fastFollowContainer .closeModal {
    right: 10px;
    top: 10px;
}
.FastFollowSidebar {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin: 14px 7px 0;
    max-height: 100%;
    overflow-y: auto;
    padding-bottom: 10px;
    top: 0;
    width: 236px;
}
@media (min-width: 481px) and (max-width: 1024px) {
.FastFollowSidebar {
    max-height: 90%;
}
}
.FastFollowSidebar.expand {
    bottom: 14px;
}
.FastFollowSidebar.expand:before {
    box-shadow: none;
}
.FastFollowSidebar .followPageSidebarList {
    padding: 10px 10px 0;
}
.FastFollowSidebar .followPageSidebarCategory {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #666;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    padding: 6px 0 5px 9px;
    text-align: left;
    width: 100%;
}
.FastFollowSidebar .followPageSidebarCategory.noTouch:hover {
    background: linear-gradient(#f1f1f1, #e8e8e8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset, 1px 0 0 rgba(0, 0, 0, 0.04) inset, -1px 0 0 rgba(0, 0, 0, 0.02) inset;
}
.FastFollowSidebar .followPageSidebarCategory.selected {
    background: linear-gradient(#e3262e, #ab171e) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset, 1px 0 0 rgba(0, 0, 0, 0.04) inset, -1px 0 0 rgba(0, 0, 0, 0.02) inset;
    color: #fff;
}
.FastFollowSidebar .showMoreCategories, .FastFollowSidebar .showLessCategories {
    color: #b8b8b8;
    font-weight: bold;
    padding: 10px 18px 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.FastFollowSidebar .showMoreCategories em, .FastFollowSidebar .showLessCategories em {
    position: absolute;
    right: 14px;
    top: 14px;
}
.FastFollowSidebar.expand .showMoreCategories, .FastFollowSidebar .showLessCategories {
    display: none;
}
.FastFollowSidebar .showMoreCategories, .FastFollowSidebar.expand .showLessCategories {
    display: block;
}
.FastFollowSidebar .moreCategoriesWrapper {
    border-top: 1px solid #e7e7e7;
    margin-top: 10px;
}
.FastFollowSidebar.expand .moreCategories {
    display: block;
}
.FastFollowSidebar .moreCategories {
    display: none;
}
.FeedPage .feedName {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.ja .FeedPage feedName {
    font-size: 36px;
}
.FeedPage .relatedTitle {
    color: #9a9a9a;
    font-size: 13px;
    margin: 12px 0 0;
    opacity: 0.6;
    text-align: center;
    text-transform: uppercase;
}
.FeedPage .relatedInterests {
    margin-top: 5px;
}
.FeedPage .relatedInterests .Grid {
    max-width: 992px;
    text-align: left;
    width: 80%;
}
.FeedUsers {
    overflow: hidden;
    width: 236px;
}
.FeedUsers .User {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin-bottom: 14px;
}
.FeedUsers .User:last-child {
    margin-bottom: 0;
}
.FillHomeFeed .fillHomeFeedHeroWrapper {
    background: url("/webapp/style/app/desktop/images/empty_following_feed_tile_bg.a5ad6192.png") repeat scroll 0 0 #d8d4d7;
    overflow: hidden;
}
.FillHomeFeed .fillHomeFeedHero {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin: 42px auto;
    overflow: hidden;
    position: relative;
    width: 708px;
}
.FillHomeFeed .fillHomeHeroStartButton {
    bottom: 26px;
    position: absolute;
}
.FillHomeFeed .fillHomeFeedTeaser {
    background-image: url("/webapp/style/app/desktop/images/unauth_home_empty_feed_hero.5c445294.png");
    background-size: cover;
    float: left;
    height: 220px;
    margin-right: 36px;
    width: 234px;
}
.FillHomeFeed .fillHomeFeedHeroHeading {
    color: rgba(21, 21, 21, 0.8);
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: left;
    word-wrap: break-word;
}
.FillHomeFeed .fillHomeFeedHeroText {
    left: 270px;
    margin-right: 30px;
    position: absolute;
    top: 35px;
}
.FillHomeFeed .fillHomeFeedHeroDescription {
    color: #444;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0 0 16px;
}
.FindFriendsContent .connectNetwork {
    color: #333;
    margin: 99px auto 0;
    text-align: center;
    width: 500px;
}
.FindFriendsContent .connectNetwork p {
    font-size: 17px;
    margin: 0 0 1em;
}
.FindFriendsContent .connectNetwork .bold {
    font-weight: bold;
}
.FindFriendsContent .facebookNotConnected, .FindFriendsContent .twitterNotConnected {
    margin: 0 auto 18px;
}
.FindFriendsContent .facebookNotConnected {
    background: url("/webapp/style/app/desktop/images/empty_find_friends_facebook_logo-1x.9f00b312.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 81px;
    width: 81px;
}
.FindFriendsContent .twitterNotConnected {
    background: url("/webapp/style/app/desktop/images/empty_find_friends_twitter_logo-1x.b36d7a53.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 81px;
    width: 81px;
}
.FindFriendsInfoBar {
    margin-top: 20px;
}
.FindFriendsInfoBar li, .FindFriendsInfoBar .headerText {
    float: left;
}
.FindFriendsInfoBar .socialNetworks {
    float: right;
    overflow: hidden;
}
.FindFriendsInfoBar .socialNetworks li {
    border-left: 1px solid #cdcdcd;
}
.FindFriendsInfoBar .socialNetworks li em {
    float: left;
    margin: 14px 5px 0;
}
.FindFriendsInfoBar .socialNetworks li em.facebook {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -238px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.FindFriendsInfoBar .socialNetworks li em.facebook {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -298px -459px;
    background-size: 623px 491px;
}
}
.FindFriendsInfoBar .socialNetworks li em.twitter {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -198px -570px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 15px;
    text-shadow: none;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.FindFriendsInfoBar .socialNetworks li em.twitter {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -16px -476px;
    background-size: 623px 491px;
}
}
.FindFriendsInfoBar .inviteFriends {
    font-size: 12px;
    font-weight: bold;
    margin-top: -4px;
    position: relative;
}
.FindFriendsNotConnected .nullStateAsset {
    background: url("/webapp/style/app/desktop/images/friend-center-null-state-asset-1x.46f10236.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 140px;
    width: 625px;
}
@media not all, (min-resolution: 144dpi) {
.FindFriendsNotConnected .nullStateAsset {
    background-image: url("/webapp/style/app/desktop/images/friend-center-null-state-asset-2x.fde4e2e9.png");
    background-position: 0 0;
    background-size: 625px 140px;
}
}
.FindFriendsNotConnected .panelBase .panelBody {
    padding: 0;
}
.FindFriendsRep {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border: 2px dashed #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 210px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    width: 236px;
}
.FindFriendsRep i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -253px -240px rgba(0, 0, 0, 0);
    bottom: 50%;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.FindFriendsRep i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -523px -243px;
    background-size: 623px 491px;
}
}
.FindFriendsRep span {
    left: 0;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 50%;
}
.FindFriendsRep:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none;
}
.FindFriendsRep:hover i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -204px -327px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.FindFriendsRep:hover i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -474px -243px;
    background-size: 623px 491px;
}
}
.FindFriendsRep:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none;
}
.FindFriendsRep:active i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -303px -240px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.FindFriendsRep:active i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -572px -243px;
    background-size: 623px 491px;
}
}
.FindFriendsWhosHere .panelBase .panelBody {
    padding: 22px 0 22px 9px;
}
.FlagComment {
    width: 365px;
}
.FlagContentConfirm {
    width: 380px;
}
.FlagContentConfirm .formErrorMessage {
    margin: 0;
    padding: 0;
}
.FlagContentConfirm p, .FlagContentConfirm div {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 21px 10px;
}
.FlagContentConfirm .formFooterButtons {
    padding: 0;
}
.FlagContent {
    padding: 12px 19px 5px;
}
.FlagContent .hidden {
    display: none;
}
.FlagContent h2 {
    color: #333;
    font-size: 14px;
    margin-bottom: 12px;
}
.FlagContent div {
    margin-bottom: 8px;
}
.FlagContent .reportCategory {
    color: #333;
    font-size: 14px;
}
.FlagContent .reportCategoryItems {
    display: none;
    margin-left: 30px;
}
.FlagContent input[type="radio"] {
    height: 16px;
    width: 16px;
}
.FlagContent label {
    color: #333;
    font-size: 14px;
    padding-left: 1px;
    vertical-align: middle;
}
.FlagContent .otherWrapper {
    margin-bottom: 12px;
}
.FlagContent.blockInput input {
    display: block;
    opacity: 0.001;
    position: absolute;
}
.FlagContent.blockInput label {
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: bold;
}
.FlagConversation {
    border-radius: 6px;
    width: 334px;
}
.FlagConversation .FlagContent {
    padding: 0;
}
.FlagConversation .FlagContent div {
    border-top: 1px solid #e7e7e7;
    margin: 0;
}
.FlagConversation .FlagContent div label {
    background: none repeat scroll 0 0 #f7f7f7;
    cursor: pointer;
    padding: 12px 16px;
}
.FlagConversation .FlagContent div label:hover, .FlagConversation .FlagContent div label.active {
    background: none repeat scroll 0 0 #ebebeb;
}
.FlagConversation .FlagContent div label:active {
    background: none repeat scroll 0 0 #d6d5d5;
}
.FlagConversation .FlagContent h2 {
    margin-bottom: 0;
}
.FlagConversation h2 {
    padding: 14px 16px 18px;
}
.FlagConversation .blockWarning .block {
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
    padding: 0 16px;
}
.FlagConversation .blockWarning .block h3 {
    color: #333;
    margin: 0;
    overflow: hidden;
    padding: 26px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FlagConversation .blockWarning .block .Button {
    float: right;
    margin: 17px 0 0 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.FlagConversation .blockWarning .warning {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e7e7e7;
    clear: both;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 15px;
}
.FlagConversation .blockWarning .warning span {
    float: left;
}
.FlagConversation .blockWarning .warning .content {
    margin: 0 0 0 8px;
}
.FlagConversation .reportCategory .spam {
    border-top: medium none;
}
.FlagPin {
    width: 380px;
}
.FlagPin .formFooter .formFooterButtons .primary {
    width: 97px;
}
.FlagUser {
    border-radius: 6px;
    width: 334px;
}
.FlagUser .FlagContent {
    padding: 0;
}
.FlagUser .FlagContent div {
    border-top: 1px solid #e7e7e7;
    margin: 0;
}
.FlagUser .FlagContent div label {
    background: none repeat scroll 0 0 #f7f7f7;
    cursor: pointer;
    padding: 12px 16px;
}
.FlagUser .FlagContent div label:hover, .FlagUser .FlagContent div label.active {
    background: none repeat scroll 0 0 #ebebeb;
}
.FlagUser .FlagContent div label:active {
    background: none repeat scroll 0 0 #d6d5d5;
}
.FlagUser .FlagContent h2 {
    margin-bottom: 0;
}
.FlagUser h2 {
    padding: 14px 16px 18px;
}
.FlagUser .blockWarning .block {
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
    padding: 0 16px;
}
.FlagUser .blockWarning .block h3 {
    color: #333;
    margin: 0;
    overflow: hidden;
    padding: 26px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FlagUser .blockWarning .block .Button {
    float: right;
    margin: 17px 0 0 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.FlagUser .blockWarning .warning {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e7e7e7;
    clear: both;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 15px;
}
.FlagUser .blockWarning .warning span {
    float: left;
}
.FlagUser .blockWarning .warning .content {
    margin: 0 0 0 8px;
}
.FramedSignupContent {
    height: 580px;
    width: 860px;
}
.FramedSignupContent .fsLeft, .FramedSignupContent .fsRight {
    bottom: 0;
    position: absolute;
    top: 0;
}
.FramedSignupContent .fsLeft {
    background: none repeat scroll 0 0 #fff;
    left: 0;
    right: 320px;
}
.FramedSignupContent .fsLeft .fsLeftContent {
    padding: 430px 20px 0;
    text-align: center;
}
.FramedSignupContent .fsLeft .fsLeftContent p {
    font-family: "Georgia",serif;
    font-size: 24px;
    line-height: 30px;
}
.FramedSignupContent .fsRight {
    background: none repeat scroll 0 0 #f5f5f5;
    border-left: 1px solid #cfcfcf;
    box-shadow: 1px 0 0 #fff inset;
    right: 0;
    width: 320px;
}
.FramedSignupContent .fsRight .fsRightContent {
    padding: 60px 20px 20px;
}
.FramedSignupContent .fsRight .unAuthFacebookConnect {
    margin: 0;
    width: 100%;
}
.FramedSignupContent .fsRight .signupSep {
    border-bottom: 1px solid #cfcfcf;
    box-shadow: 0 1px 0 #fff;
    margin: 20px 0 22px;
}
.FramedSignupContent .fsRight .signupSep div {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #333;
    font-size: 14px;
    margin: 0 auto -5px;
    text-align: center;
    width: 40px;
}
.FramedSignup {
    height: 580px;
    position: relative;
    width: 860px;
}
.FramedSignup iframe {
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 580px;
    width: 100%;
}
.FramedSignup.inModal iframe {
    box-shadow: none;
}
.FriendCenter {
    margin: 0 auto;
    overflow: hidden;
    width: 1097px;
}
.FriendCenter h1 {
    font-size: 47px;
    margin: 22px 0;
    text-align: center;
}
.FriendCenter .panelBase .panelHeading {
    padding-bottom: 26px;
    padding-top: 12px;
}
.FriendCenter .panelBase .panelHeading .panelTitle {
    font-size: 21px;
}
.FriendCenter .panelBase .panelBody {
    border-top: 1px solid #ccc;
}
.FriendCenter .panelBase .panelBody .GridItems {
    overflow: visible;
}
.FriendCenter .left {
    float: left;
    width: 625px;
}
.FriendCenter .right {
    float: right;
    width: 450px;
}
.FriendsToFollow > .Module:first-of-type li:first-child .followFriendsItem {
    padding-top: 10px;
}
.FriendsToFollow > .Module:first-of-type li:first-child .UserContact {
    padding-top: 10px;
}
.FriendsToFollow > .Module:last-child li:last-child .followFriendsItem {
    padding-bottom: 10px;
}
.FriendsToFollow > .Module:last-child li:last-child .UserContact {
    padding-bottom: 10px;
}
.FriendsToFollow .List {
    border-top: 1px solid #e0e0e0;
}
.FriendsToFollow .memoTitleOld {
    padding: 12px 0 11px 14px;
}
.FriendsToFollow .arrow {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -220px -16px rgba(0, 0, 0, 0);
    float: right;
    height: 13px;
    margin: 3px 12px 0 0;
    width: 9px;
}
@media not all, (min-resolution: 144dpi) {
.FriendsToFollow .arrow {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -100px -171px;
    background-size: 191px 187px;
}
}
.GeoFeatureList .dropdownTarget {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    overflow: hidden;
    padding: 4px 7px 0;
    position: relative;
    top: -2px;
}
.GeoFeatureList .flagIcon {
    float: left;
    margin-right: 7px;
    margin-top: -4px;
}
.GeoFeatureList .featureName {
    color: #000;
    font-weight: bold;
    margin: 0;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.GeoFeatureList .dropdownIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -367px -166px rgba(0, 0, 0, 0);
    height: 6px;
    position: absolute;
    right: 7px;
    top: 9px;
    width: 4px;
}
@media not all, (min-resolution: 144dpi) {
.GeoFeatureList .dropdownIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -616px -164px;
    background-size: 623px 491px;
}
}
.GeoFeatureList .label {
    float: left;
    margin: 4px 5px 0 0;
}
.GroupBoardEmailSettings {
    width: 380px;
}
.GroupBoardEmailSettings h2 {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 20px;
}
.GroupBoardEmailSettings .helpText {
    line-height: 32px;
}
.GroupBoardEmailSettings .secretIconInline {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -88px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 10px;
    margin: 1px 0 0 2px;
    text-shadow: none;
    width: 9px;
}
.GroupBoardEmailSettings .toggleAllWrapper {
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    padding: 10px 20px 20px;
}
.GroupBoardEmailSettings .toggleAllWrapper label {
    color: #555;
    cursor: pointer;
    overflow: hidden;
}
.GroupBoardEmailSettings .toggleAllWrapper label .fancyToggle {
    float: left;
    margin-right: 8px;
}
.GroupBoardEmailSettings .toggleAllWrapper label > input {
    margin-right: 3px;
}
.GroupBoardEmailSettings .toggleAllWrapper label > span {
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.GroupBoardEmailSettings .collab_board_email, .GroupBoardEmailSettings .collab_board_email_all {
    display: inline-block;
    line-height: 26px;
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.GroupBoardEmailSettings .fieldsetWrapper {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.GroupBoardEmailSettings .fieldsetWrapper fieldset {
    padding: 20px;
    width: 340px;
}
.Header .headerBackground {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
    height: 44px;
    position: fixed;
    z-index: 670;
}
.Header.guided .headerBackground {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 54px;
}
.Header.guided .headerContainer {
    padding-top: 10px;
}
.Header.guided .headerContainer .leftHeaderContent {
    float: none;
    margin-right: 243px;
    padding-right: 14px;
    width: auto;
}
.Header .ui-TypeaheadField .ui-Typeahead {
    margin: 0 1px;
    padding-top: 30px;
    position: relative;
    top: -30px;
    z-index: 669;
}
.Header .headerContainer {
    display: block;
    height: 29px;
    overflow: visible;
    padding: 7px 0 0;
    position: fixed;
    z-index: 680;
}
.Header .headerContainer .leftHeaderContent {
    float: left;
    margin-left: 7px;
    width: 236px;
}
.Header .headerContainer .rightHeaderContent {
    float: right;
    margin-right: 7px;
    width: 236px;
}
.Header.alt .ui-SearchForm {
    display: none;
}
.Header .interest, .Header .categories {
    float: left;
    margin-right: 6px;
}
.Header .UserMenu .profileName {
    padding-right: 9px;
}
.Header .rightHeaderContent .RightHeader {
    background-color: #fff;
    float: right;
}
.Header .rightHeaderContent .addPinHeader {
    float: left;
    margin-right: 7px;
}
.Header .rightHeaderContent .NotificationsConversationsButton {
    float: right;
}
.Header .rightHeaderContent .userMenuWrapper {
    overflow: hidden;
}
.Header .ui-SearchForm {
    float: left;
}
.Header .logo {
    left: 50%;
    margin-left: -52px;
    margin-top: 16px;
    position: absolute;
    top: -7px;
}
.Header .userDropdown .Button {
    border-color: #c1c1c1 #c1c1c1 #c1c1c1 -moz-use-text-color;
    border-left: medium none;
    border-radius: 0 6px 6px 0;
    height: 30px;
    width: 36px;
}
.Header .unauthActions {
    float: right;
}
.Header .unauthActions .LanguageMenu {
    float: left;
}
.es .Header .unauthActions.hasLogin .LanguageMenu .languageButton, .ms .Header .unauthActions.hasLogin .LanguageMenu .languageButton, .pt .Header .unauthActions.hasLogin .LanguageMenu .languageButton {
    font-size: 10px;
    padding-right: 20px;
}
.Header .unauthActions .LoginButton {
    float: left;
    font-size: 12px;
    margin: 1px 0 0 8px;
}
.es .Header .unauthActions .LoginButton, .ms .Header .unauthActions .LoginButton, .pt .Header .unauthActions .LoginButton {
    font-size: 10px;
}
.Header .newUserExperiment .leftHeaderContent, .Header .newUserExperiment .rightHeaderContent {
    display: none;
}
.Header .bookmarkletAnchor {
    position: relative;
    visibility: hidden;
    width: 300px;
}
.Header .categoriesMenuContainer {
    display: none;
}
.HeroBoardInvite .avatar {
    border: 1px solid #ccc;
    float: left;
    height: 60px;
    margin-right: 20px;
    width: 60px;
}
.HeroBoardInvite .heroContainer {
    background-image: url("/webapp/style/app/desktop/images/blue-hero-bg.b5c05bdc.png");
}
.HeroBoardInvite .heroContent {
    padding-bottom: 0;
    width: 600px;
}
.HeroBoardInvite .heroTop {
    height: 80px;
}
.HeroBoardInvite .heroHeader {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.HeroBoardInvite .heroSubtitle {
    font-size: 16px;
    font-weight: normal;
}
.HeroBoardInvite .heroButtonsContainer {
    float: right;
    margin-bottom: 14px;
}
.HeroBoardInvite .heroInviteSeparator {
    background-color: #e7e7e7;
    height: 1px;
    margin-bottom: 15px;
    margin-left: -30px;
    position: relative;
    width: 630px;
}
.HeroConvertToBusiness {
    font-size: 0;
}
.HeroConvertToBusiness .heroButtonsContainer {
    margin-top: 16px;
    text-align: right;
}
.HeroConvertToBusiness .heroButton {
    margin-right: 7px;
}
.HeroConvertToBusiness .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px;
}
.HeroConvertToBusiness .heroHeader {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 7px;
}
.HeroConvertToBusiness .heroImage {
    background: url("/webapp/style/app/desktop/images/convert_to_biz-1x.5b2d08e4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px 0 0 6px;
    display: inline-block;
    height: 160px;
    margin-right: 20px;
    vertical-align: middle;
    width: 253px;
}
@media not all, (min-resolution: 144dpi) {
.HeroConvertToBusiness .heroImage {
    background-image: url("/webapp/style/app/desktop/images/convert_to_biz-2x.733faffb.png");
    background-position: 0 0;
    background-size: 253px 160px;
}
}
.HeroConvertToBusiness .heroMessage {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: 463px;
}
.HeroConvertToBusiness .heroSubtitle {
    color: #777;
    font-size: 15px;
    font-weight: normal;
}
.HeroConvertToBusiness .heroSubtitle .heroSeperator {
    background-color: #e7e7e7;
    bottom: 0;
    height: 1px;
    left: -20px;
    margin-top: 16px;
    position: relative;
    width: 500px;
}
.HeroFriendsInvite .heroButton {
    margin-right: 7px;
    margin-top: 25px;
}
.HeroFriendsInvite .heroButtonsContainer {
    float: right;
    margin-bottom: 14px;
}
.HeroFriendsInvite .heroContainer {
    background: url("/webapp/style/app/desktop/images/inviter-helper-1x.31a4e04a.png") repeat scroll 0 0 #439cc8;
}
.HeroFriendsInvite .heroHeader {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.HeroFriendsInvite .heroSubtitle {
    font-size: 16px;
    font-weight: normal;
}
.HeroInstallApp {
    font-size: 0;
}
.HeroInstallApp .standardForm select {
    float: left;
    font-size: 12px;
    height: 32px;
    margin-right: 5px;
    width: 80px;
}
.HeroInstallApp .formErrorMessage {
    color: #cb2027;
    display: inline;
}
.HeroInstallApp .heroButtonsContainer {
    margin-top: 14px;
}
.HeroInstallApp .heroButton {
    margin-right: 7px;
}
.HeroInstallApp .heroButtonText {
    height: 32px;
    margin-left: 5px;
    padding-top: 6px;
}
.HeroInstallApp .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px;
}
.HeroInstallApp .heroHeader {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 7px;
}
.HeroInstallApp .heroImage, .HeroInstallApp .heroMessage {
    display: inline-block;
    vertical-align: middle;
}
.HeroInstallApp .heroImage {
    background: url("/webapp/style/app/desktop/images/install_app-1x.85eed42f.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px 0 0 6px;
    height: 160px;
    margin-right: 20px;
    width: 236px;
}
@media not all, (min-resolution: 144dpi) {
.HeroInstallApp .heroImage {
    background-image: url("/webapp/style/app/desktop/images/install_app-2x.f4640307.png");
    background-position: 0 0;
    background-size: 236px 160px;
}
}
.HeroInstallApp .heroMessage {
    padding: 0;
    width: 480px;
}
.HeroInstallApp .heroSubtitle {
    color: #777;
    font-size: 16px;
    font-weight: normal;
    width: 340px;
}
.HeroInstallApp .standardForm .heroPhoneNumberInput {
    width: 180px;
}
.HeroInstallApp .standardForm input.hasError {
    background: none repeat scroll 0 0 #fefefe;
    border-color: #cb2027;
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.35);
}
.HeroInstallApp .standardForm {
    margin: 0;
    width: auto;
}
.HeroLanguagePicker {
    font-size: 0;
}
.HeroLanguagePicker .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px;
}
.HeroLanguagePicker .heroHeader {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 7px;
}
.HeroLanguagePicker .heroSubtitle {
    color: #777;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.HeroLanguagePicker .heroImage, .HeroLanguagePicker .heroMessage {
    display: inline-block;
    vertical-align: middle;
}
.HeroLanguagePicker .heroImage {
    background: url("/webapp/style/app/desktop/images/hero_language-1x.e2adf00a.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px 0 0 6px;
    height: 160px;
    margin-right: 20px;
    width: 250px;
}
@media not all, (min-resolution: 144dpi) {
.HeroLanguagePicker .heroImage {
    background-image: url("/webapp/style/app/desktop/images/hero_language-2x.34dd1eed.png");
    background-position: 0 0;
    background-size: 250px 160px;
}
}
.ja .HeroLanguagePicker .heroImage {
    background: url("/webapp/style/app/desktop/images/hero_japan-1x.a4720875.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 160px;
    width: 250px;
}
@media not all, (min-resolution: 144dpi) {
.ja .HeroLanguagePicker .heroImage {
    background-image: url("/webapp/style/app/desktop/images/hero_japan-2x.9990b583.png");
    background-position: 0 0;
    background-size: 250px 160px;
}
}
.HeroLanguagePicker .heroMessage {
    font-size: 13px;
    padding: 0;
    width: 446px;
}
.HeroLanguagePicker .showEnglish {
    cursor: pointer;
    float: right;
    font-weight: normal;
    line-height: 37px;
}
.HeroPinItButton {
    font-size: 0;
}
body[data-pinterest-extension-installed="true"] .HeroPinItButton {
    display: none;
}
.HeroPinItButton .heroButtonsContainer {
    margin-top: 21px;
}
.HeroPinItButton .heroButton {
    margin-right: 7px;
}
.HeroPinItButton .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px;
}
.HeroPinItButton .heroHeader {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 7px;
}
.HeroPinItButton .heroImage {
    background: url("/webapp/style/app/desktop/images/extension_graphic-1x.f3a8ed4a.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px 0 0 6px;
    display: inline-block;
    height: 160px;
    margin-right: 20px;
    vertical-align: middle;
    width: 253px;
}
@media not all, (min-resolution: 144dpi) {
.HeroPinItButton .heroImage {
    background-image: url("/webapp/style/app/desktop/images/extension_graphic-2x.2057ca17.jpg");
    background-position: 0 0;
    background-size: 253px 160px;
}
}
.HeroPinItButton .heroMessage {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: 463px;
}
.HeroPinItButton .heroSubtitle {
    color: #777;
    font-size: 16px;
    font-weight: normal;
}
.HeroPinItWeb {
    font-size: 0;
}
.HeroPinItWeb .heroButtonsContainer {
    margin-top: 40px;
    padding-right: 12px;
    text-align: right;
}
.HeroPinItWeb .heroButton {
    margin-right: 7px;
}
.HeroPinItWeb .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px;
}
.HeroPinItWeb .heroHeader {
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 7px;
}
.HeroPinItWeb .heroImage {
    background: url("/webapp/style/app/desktop/images/pin-it-web-1x.3a2bfaae.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px 0 0 6px;
    display: inline-block;
    height: 160px;
    margin-right: 20px;
    vertical-align: middle;
    width: 248px;
}
@media not all, (min-resolution: 144dpi) {
.HeroPinItWeb .heroImage {
    background-image: url("/webapp/style/app/desktop/images/pin-it-web-2x.a15a7a81.png");
    background-position: 0 0;
    background-size: 248px 160px;
}
}
.HeroPinItWeb .heroMessage {
    display: inline-block;
    margin-top: -10px;
    padding: 0;
    vertical-align: middle;
    width: 468px;
}
.HeroPinItWeb .heroSubtitle {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding-right: 15px;
}
.HeroPromoteAPin .heroContainer {
    background: url("/webapp/style/app/desktop/images/hero_promote_a_pin-1x.3a23980b.png") repeat-x scroll center bottom #000;
    height: auto;
    width: auto;
}
@media not all, (min-resolution: 144dpi) {
.HeroPromoteAPin .heroContainer {
    background-image: url("/webapp/style/app/desktop/images/hero_promote_a_pin-2x.c2ba4492.png");
    background-position: 0 0;
    background-size: 394px 162px;
}
}
.HeroPromoteAPin .heroButtonsContainer {
    border-top: 1px solid #e0e0e0;
    margin-top: 21px;
    padding: 20px;
    text-align: right;
}
.HeroPromoteAPin .heroButton {
    margin-right: 7px;
}
.HeroPromoteAPin .heroContent {
    padding-bottom: 0;
    width: 486px;
}
.HeroPromoteAPin .heroHeader, .HeroPromoteAPin .heroSubtitle {
    padding: 0 20px;
}
.HeroPromoteAPin .heroHeader {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 7px;
    margin-top: 20px;
}
.HeroPromoteAPin .heroMessage {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: 486px;
}
.HeroPromoteAPin .heroSubtitle {
    color: #777;
    font-size: 16px;
    font-weight: normal;
}
.HeroVerifyWebsite .heroButton {
    margin-top: 25px;
}
.HeroVerifyWebsite .heroButtonsContainer {
    float: left;
    margin-bottom: 14px;
}
.HeroVerifyWebsite .heroHeader {
    color: #211922;
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 4px;
}
.HeroVerifyWebsite .heroSubtitle {
    color: #211922;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}
.HomefeedCarouselBase {
    box-shadow: 0 1px rgba(255, 255, 255, 0.11), 0 -1px rgba(220, 220, 220, 0.9);
    min-width: 750px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.HomefeedCarouselBase .homefeedCarouselWrapper {
    background: url("/webapp/style/app/desktop/images/blue-bg-1x.38669f05.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 6px 0;
    text-align: center;
    width: 100%;
}
.HomefeedCarouselBase .homefeedCarouselCard {
    display: inline-block;
    height: 211px;
    margin: 7px;
    width: 236px;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.22);
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 211px;
    text-align: left;
    width: 236px;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer h1 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.429;
    padding: 10px;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer h3 {
    color: #777;
    font-weight: 200;
    line-height: 1.429;
    margin-bottom: 4px;
    min-height: 63px;
    padding: 0 10px 6px;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer .homefeedCarouselDismissButton {
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer .homefeedCarouselProgress {
    margin: 0 6px 6px;
    text-align: center;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer .homefeedCarouselProgress .progressPinner {
    border: 2px solid #ccc;
    border-radius: 17px;
    display: inline-block;
    height: 30px;
    margin: 0 4px;
    vertical-align: bottom;
    width: 30px;
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer .homefeedCarouselProgress .progressPinnerLoaded {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -290px -290px rgba(0, 0, 0, 0);
    border: medium none;
    height: 34px;
    width: 34px;
}
@media not all, (min-resolution: 144dpi) {
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer .homefeedCarouselProgress .progressPinnerLoaded {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -586px -122px;
    background-size: 623px 491px;
}
}
.HomefeedCarouselBase .homefeedCarouselCard .cardContainer .Button {
    width: 100%;
}
.HomefeedCarouselBase .homefeedCarouselTastemaker {
    display: inline-block;
    height: 225px;
    min-width: 500px;
    overflow: hidden;
}
.HomefeedCarouselBase .container {
    display: inline-block;
    font-size: 12px;
    height: 211px;
    margin: 7px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 236px;
}
.HomefeedCarouselBase .container .User {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.22) !important;
    float: left;
    transition: all 0.8s ease 0s;
}
.HomefeedCarouselBase .container .User:last-child {
    margin-bottom: 0;
}
.HomefeedCarouselBase .userMask, .HomefeedCarouselBase .leftMask {
    height: 154px;
    margin: 28.5px 37px;
    position: absolute;
    transform: scale(0);
    transition: all 0.8s ease-in-out 0s;
    width: 162px;
    z-index: 660;
}
.HomefeedCarouselBase .userMask.followedBoard, .HomefeedCarouselBase .leftMask.followedBoard {
    display: block;
}
.HomefeedCarouselBase .userMask .check, .HomefeedCarouselBase .leftMask .check {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -455px -379px rgba(0, 0, 0, 0);
    height: 40px;
    margin: 22px 61px;
    position: absolute;
    width: 40px;
    z-index: 660;
}
@media not all, (min-resolution: 144dpi) {
.HomefeedCarouselBase .userMask .check, .HomefeedCarouselBase .leftMask .check {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -351px -325px;
    background-size: 623px 491px;
}
}
.HomefeedCarouselBase .userMask .mask, .HomefeedCarouselBase .leftMask .mask {
    background-color: #202020;
    border-radius: 6px;
    height: 154px;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 162px;
}
.HomefeedCarouselBase .userMask .message, .HomefeedCarouselBase .leftMask .message {
    float: left;
    padding: 72px 8px 0;
    position: relative;
    text-align: center;
    width: 146px;
    z-index: 661;
}
.HomefeedCarouselBase .userMask .message h1, .HomefeedCarouselBase .leftMask .message h1 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
}
.HomefeedCarouselBase .userMask .message span.detail, .HomefeedCarouselBase .leftMask .message span.detail {
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.429;
    margin-top: 8px;
    width: 100%;
}
.HomefeedCarouselBase .hiddenElement {
    animation: 0.8s ease 0s normal none 1 hideElement;
}
.HomefeedCarouselBase .userFollowed {
    transform: translateY(300px);
    transition: all 0.5s ease 0s !important;
}
.HomefeedCarouselBase .userDismissed {
    transform: scale(0);
}
.HomefeedCarouselBase .userVisible {
    animation: 0.8s ease 0s normal none 1 bounceInDown;
}
.HomefeedCarouselBase .maskLoaded {
    transform: scale(1);
}
.IframeEmbed {
    padding: 40px 0;
    text-align: center;
}
.IframeEmbed iframe {
    border: medium none;
}
.IframeEmbed.soundcould iframe {
    height: 166px;
    width: 553px;
}
.IframeEmbed.vevo, .IframeEmbed.youtube, .IframeEmbed.vimeo {
    padding: 0;
}
.IframeEmbed.vevo iframe, .IframeEmbed.youtube iframe, .IframeEmbed.vimeo iframe {
    height: 370px;
    left: -2px;
    position: relative;
    width: 740px;
    z-index: 5;
}
.ImagesFeedPage .noImages {
    color: #444;
    font-size: 20px;
    margin: 60px 0;
    text-align: center;
}
.ImagesFeedPage .bottomDrawerTitle {
    font-size: 18px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 600px;
}
.IncrementingNavigateButton.hidden {
    display: none;
}
.InfoBarBase {
    background: linear-gradient(#f3f3f3, #e5e5e5) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #d4d4d4;
    border-radius: 6px;
    border-right: 1px solid rgba(0, 0, 0, 0.17);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    clear: both;
    color: #333;
    height: 44px;
    line-height: 44px;
    margin-bottom: 2px;
    max-width: 10000px;
    overflow: hidden;
    position: relative;
}
.InfoBarBase .headerText {
    color: #555;
    font-size: 16px;
    font-weight: normal;
    padding: 0 26px 0 13px;
}
.InfoBarBase.loading {
    min-height: 5px;
}
.InfoBarBase li:first-child a.active {
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.05) inset;
}
.InfoBarBase li:last-child a.active {
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05) inset;
}
.InfoBarBase li a {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset;
    color: #777;
    display: block;
    font-weight: bold;
    padding: 1px 20px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.InfoBarBase li a:hover, .InfoBarBase li a.active {
    background: linear-gradient(#fff, #f4f4f4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333;
}
.InfoBarBase li a:active {
    background: url("/webapp/style/app/desktop/images/infoBarActiveShadowLeftSide.9195d28e.png") repeat-y scroll left top, url("/webapp/style/app/desktop/images/infoBarActiveShadowRightSide.f4401102.png") repeat-y scroll right top, linear-gradient(#fff, #f4f4f4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
}
.InfoBarBase.v2 {
    background: none repeat scroll 0 0 #fff;
}
.InfoBarBase.v2 a:hover {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #444;
}
.InfoBarBase.v2 a.active {
    background: none repeat scroll 0 0 #ebebeb;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.04) inset;
    color: #444;
}
.InitiatePasswordReset .contents {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto;
    position: relative;
    width: 450px;
    z-index: 682;
}
.InitiatePasswordReset .title {
    color: #525252;
    font-size: 23px;
    margin: 10px 40px 0;
    padding: 20px 0 10px;
}
.InitiatePasswordReset .standardForm {
    width: 450px;
}
.InitiatePasswordReset .standardForm input[type="email"] {
    border-radius: 6px;
    font-size: 20px;
    padding: 15px;
}
.InitiatePasswordReset .emailWrapper, .InitiatePasswordReset .messageText, .InitiatePasswordReset .helperText {
    margin: 0;
    padding: 5px 40px;
}
.InitiatePasswordReset .messageText {
    font-size: 20px;
}
.InitiatePasswordReset .helperText {
    font-size: 15px;
}
.InitiatePasswordReset .formFooter {
    margin-top: 10px;
}
.InitiatePasswordReset .successButton {
    display: block;
}
.InitiatePasswordReset .hidden {
    display: none;
}
.InlineHoverButton {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.InlineHoverButton > em {
    display: block;
}
.InlineHoverButton.deleteComment, .InlineHoverButton.flagComment {
    right: 23px;
    top: 23px;
}
.InlineHoverButton.deleteComment:hover .Button, .InlineHoverButton.flagComment:hover .Button {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    display: block;
    font-size: 12px;
    padding: 5px 6px;
    position: absolute;
}
.InlineHoverButton.deleteComment > em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -363px -219px rgba(0, 0, 0, 0);
    height: 8px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.InlineHoverButton.deleteComment > em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -582px -476px;
    background-size: 623px 491px;
}
}
.InlineHoverButton.deleteComment:hover .Button {
    right: -10px;
    top: -10px;
}
.InlineHoverButton.flagComment > em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -503px -309px rgba(0, 0, 0, 0);
    height: 10px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.InlineHoverButton.flagComment > em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -452px -476px;
    background-size: 623px 491px;
}
}
.InlineHoverButton.flagComment:hover .Button {
    right: -10px;
    top: -9px;
}
.Interest {
    height: 136px;
    position: relative;
    width: 136px;
}
.Interest.followingView, .Interest.followingOneClickView, .Interest.followingOneClickHoverView {
    height: 236px;
    width: 236px;
}
.Interest.followingOneClickView .interestFollowButton.btn, .Interest.followingOneClickHoverView .interestFollowButton.btn {
    margin: 10px 10px 0 0;
    padding: 8px 0 7px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
}
.Interest.followingOneClickHoverView .interestFollowButton.btn {
    display: none;
}
.Interest.followingOneClickHoverView:hover .interestFollowButton.btn {
    display: inline-block;
}
.Interest .selectCheck {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -46px -169px rgba(0, 0, 0, 0);
    height: 21px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 21px;
    z-index: 101;
}
@media not all, (min-resolution: 144dpi) {
.Interest .selectCheck {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -78px -129px;
    background-size: 191px 187px;
}
}
.Interest .selectCheck.checked {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -23px -169px rgba(0, 0, 0, 0);
    height: 21px;
    width: 21px;
}
@media not all, (min-resolution: 144dpi) {
.Interest .selectCheck.checked {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px 0;
    background-size: 191px 187px;
}
}
.Interest .wholeInterestMask {
    display: none;
    position: absolute;
    z-index: 101;
}
.Interest .wholeInterestMask .check {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -253px -290px rgba(0, 0, 0, 0);
    height: 35px;
    margin: 47px;
    position: absolute;
    width: 35px;
    z-index: 102;
}
@media not all, (min-resolution: 144dpi) {
.Interest .wholeInterestMask .check {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -586px -86px;
    background-size: 623px 491px;
}
}
.Interest .wholeInterestMask .mask {
    background-color: black;
    border-radius: 6px;
    height: 136px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 136px;
}
.Interest .interestWrapper {
    border-radius: 6px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: transform 0.1s ease-in-out 0s;
    width: 100%;
}
.Interest .interestWrapper:hover > .interestImage {
    opacity: 1;
    overflow: hidden;
}
.Interest .interestWrapper:active {
    transform: scale(0.95);
}
.Interest .interestWrapper:active > .interestImage {
    background-color: #000;
    opacity: 0.5;
    overflow: hidden;
}
.Interest .interestWrapper .interestImage {
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    border-radius: 6px;
    display: block;
    height: 100%;
    opacity: 0.8;
    position: relative;
    transition: opacity 0.1s ease-in-out 0s;
    width: 100%;
}
.Interest .interestWrapper .interestLabel {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.Interest .interestWrapper .interestLabel h2 {
    color: #fff;
    font-size: 13px;
    line-height: 1.1;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    text-transform: capitalize;
}
.Interest .interestWrapper img {
    max-width: 100%;
}
.Interest.large {
    height: 285px;
    width: 285px;
}
.Interest.interestMenuGridItem {
    height: 90px;
    width: 90px;
}
.InterestFeedPage {
    position: relative;
}
.InterestFeedPage .interestName {
    color: rgba(21, 21, 21, 0.8);
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
    margin: 20px auto 10px;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.InterestFeedPage .interestName.withKLPBar {
    height: 146px;
    line-height: 146px;
    margin: 0 auto;
}
.ja .InterestFeedPage .interestName {
    font-size: 29px;
}
.InterestFeedPage .InterestRelatedPins {
    width: 236px;
}
.InterestFeedPage .feedHeader {
    position: relative;
    text-align: center;
    z-index: 3;
}
.InterestFeedPage .feedHeader button {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.InterestFeedPage .feedHeader .interestName {
    color: white;
    font-size: 47px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 52px;
    margin: 0 auto;
    max-width: 736px;
    padding-top: 25px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    word-wrap: normal;
}
.InterestFeedPage .feedHeader .interestStats {
    height: 15px;
    margin: 0 auto 18px;
    text-align: center;
}
.InterestFeedPage .feedHeader .interestStats .interestStatsInner {
    display: inline-block;
}
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .interestStat {
    float: left;
    line-height: 12px;
}
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .interestStat .interestStatValue {
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.7;
}
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .followCount {
    margin-right: 15px;
}
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .followCount .interestStatIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -534px -309px rgba(0, 0, 0, 0);
    float: left;
    height: 10px;
    margin-right: 5px;
    width: 14px;
}
@media not all, (min-resolution: 144dpi) {
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .followCount .interestStatIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -530px -476px;
    background-size: 623px 491px;
}
}
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .lastUpdate .interestStatIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -582px -570px rgba(0, 0, 0, 0);
    float: left;
    height: 13px;
    margin-right: 5px;
    width: 13px;
}
@media not all, (min-resolution: 144dpi) {
.InterestFeedPage .feedHeader .interestStats .interestStatsInner .lastUpdate .interestStatIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -355px -224px;
    background-size: 623px 491px;
}
}
.InterestFeedPage .feedHeader .interestCurators {
    height: 78px;
    padding-bottom: 22px;
}
.InterestFeedPage .feedHeader .interestCurators .Grid {
    max-width: 592px;
    text-align: left;
    width: 50%;
}
.InterestFeedPage .feedHeader .relatedInterests {
    height: 138px;
    margin-top: 16px;
}
.InterestFeedPage .feedHeader .relatedInterests .relatedTitle {
    color: #9a9a9a;
    font-size: 13px;
    opacity: 0.6;
    text-transform: uppercase;
}
.InterestFeedPage .feedHeader .relatedInterests .Grid {
    max-width: 992px;
    text-align: left;
    width: 80%;
}
.InterestFeedPage .feedHeader .recentPinsTitle {
    color: #9a9a9a;
    font-size: 13px;
    margin: 16px 0 0;
    opacity: 0.6;
    text-transform: uppercase;
}
.InterestFeedPage .feedHeader hr {
    border-bottom: medium none;
    border-color: #fff -moz-use-text-color -moz-use-text-color;
    border-left: medium none;
    border-right: medium none;
    opacity: 0.2;
    width: 240px;
}
.InterestFeedPage .headerBackground {
    height: 270px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.InterestFeedPage .headerBackground.backwards .rightImage {
    float: left;
}
.InterestFeedPage .headerBackground .leftImage {
    background-size: cover;
    height: 270px;
    overflow: hidden;
    position: absolute;
    width: 270px;
    z-index: 1;
}
.InterestFeedPage .headerBackground .bgGradient {
    background-color: #999;
    height: 270px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.InterestFeedPage .headerBackground .rightImage {
    background-size: cover;
    float: right;
    height: 810px;
    margin: -135px -54px 0 0;
    opacity: 0;
    overflow: hidden;
    width: 810px;
    z-index: 0;
}
.InterestModal {
    margin-top: -35px;
    width: 1000px;
}
.InterestModal .title {
    color: rgba(21, 21, 21, 0.8);
    font-size: 40px;
    font-weight: bold;
    line-height: 52px;
    margin: 0 auto 10px 10px;
    max-width: 100%;
    text-align: center;
    text-transform: capitalize;
    word-wrap: break-word;
}
.InterestModal .Button.btn.showmore {
    font-size: 150%;
    width: 985px;
}
.InterestModal .GridFooter {
    clear: both;
    width: 1000px;
}
.InterestModal .gridModalColumn {
    box-sizing: border-box;
    float: left;
    width: 249px;
}
.InterestRelatedPins {
    border-bottom: 1px solid #ccc;
    padding-bottom: 13px;
}
.InterestRelatedPins h2 {
    color: #777;
    font-size: 11px;
    font-weight: normal;
    margin-top: -20px;
    position: absolute;
}
.InterestRelatedPins .pinList {
    height: 55px;
    margin-left: -8px;
}
.InterestRelatedPins .pinWrapper {
    background: none repeat scroll 0 0 rgba(51, 51, 51, 0.1);
    float: left;
    height: 53px;
    margin-left: 8px;
    width: 53px;
}
.InterestRelatedPins .pinWrapper img {
    height: 100%;
    width: 100%;
}
.InterestRelatedPins .pinWrapper, .InterestRelatedPins .pinWrapper img {
    border-radius: 3px;
}
.InterestRelatedPins .pinWrapper.hasPin {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.InterestsMenu {
    height: 100%;
    overflow: auto;
    padding-right: 1px;
    position: relative;
    width: 300px;
}
.InterestsMenu .interestsTypeahead {
    display: none;
    margin: 1px 0 0 4px;
    overflow: hidden;
    position: relative;
}
.InterestsMenu .interestsTypeahead .search {
    width: 296px;
}
.InterestsMenu .interestsTypeahead .ui-Typeahead {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.InterestsMenu .interestsTypeahead .field {
    margin-bottom: 3px;
}
.InterestsMenu .interestsTypeahead .results {
    max-height: 370px;
    overflow-y: scroll;
    width: 296px;
}
.InterestsMenu .interestsTypeahead .searchClose {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -523px -309px transparent;
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 10px;
    position: absolute;
    right: 9px;
    text-shadow: none;
    top: 9px;
    width: 9px;
    z-index: 670;
}
@media not all, (min-resolution: 144dpi) {
.InterestsMenu .interestsTypeahead .searchClose {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -461px -476px;
    background-size: 623px 491px;
}
}
.InterestsSelector .GridItems {
    width: 285px;
}
.InterestsSelector .GridItems > .item {
    margin: 2px;
}
.InterestsSelector .interestsGridWrapper {
    max-height: 400px;
    overflow-y: scroll;
    padding-top: 1px;
}
.InterestsSelector .aboutLinks {
    height: 45px;
}
.InternationalSubdomains h1 {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin: 34px auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.InternationalSubdomains a {
    font-size: 12px;
    line-height: 24px;
}
.InternationalSubdomains table {
    margin: 28px 7px;
    table-layout: fixed;
    width: 1200px;
}
.InternationalSubdomains td {
    width: 350px;
}
.InternationalSubdomains .itemDirectory {
    margin-top: 14px;
    max-width: 1250px;
    min-width: 750px;
}
.InternationalSubdomains .GridFooter {
    display: block;
}
.InviteFriendsRep {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border: 2px dashed #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 210px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    width: 236px;
}
.InviteFriendsRep i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -253px -240px rgba(0, 0, 0, 0);
    bottom: 50%;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.InviteFriendsRep i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -523px -243px;
    background-size: 623px 491px;
}
}
.InviteFriendsRep span {
    left: 0;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 50%;
}
.InviteFriendsRep:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none;
}
.InviteFriendsRep:hover i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -204px -327px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.InviteFriendsRep:hover i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -474px -243px;
    background-size: 623px 491px;
}
}
.InviteFriendsRep:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none;
}
.InviteFriendsRep:active i {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -303px -240px rgba(0, 0, 0, 0);
    height: 48px;
    width: 48px;
}
@media not all, (min-resolution: 144dpi) {
.InviteFriendsRep:active i {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -572px -243px;
    background-size: 623px 491px;
}
}
.InviteLanding .contents {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto;
    position: relative;
    width: 640px;
    z-index: 682;
}
.InviteListBase .inviteToolbar {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    height: 50px;
}
.InviteListBase .inviteToolbar input[type="text"] {
    border: 1px solid #dadada;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 14px;
    margin-top: 2px;
    padding: 4px 6px;
    width: 100%;
}
.InviteListBase .inviteToolbar input[type="text"]:focus {
    border-color: #ccc;
}
.InviteListBase .inviteToolbar .searchWrapper {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    position: relative;
    width: 200px;
}
.InviteListBase .inviteToolbar .searchWrapper .searchIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 -192px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 17px;
    position: absolute;
    right: -8px;
    text-shadow: none;
    top: 7px;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.InviteListBase .inviteToolbar .searchWrapper .searchIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -80px;
    background-size: 191px 187px;
}
}
.InviteListBase .inviteToolbar .inviteAll {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}
.InviteListBase .inviteToolbar .inviteAllLabel {
    cursor: pointer;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: middle;
}
.InviteListBase .inviteButton {
    float: right;
}
.InviteListBase .inviteContent {
    clear: both;
    height: 400px;
    overflow: auto;
}
.InviteListBase .inviteFooter {
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
}
.InviteListBase .emptyResults {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    display: none;
    padding: 20px;
}
.InviteListFacebook .inviteToolbar .searchWrapper {
    width: 400px;
}
.InviteListFacebook .FacebookContact {
    overflow: auto;
}
.InviteListFacebook .FacebookContact .facebookWrapper {
    width: auto;
}
.InviteListFacebook .FacebookContact .inviteFacebookButton {
    float: right;
    margin-right: 5px;
}
.InviteModal {
    width: 596px;
}
.InviteModal .avatar {
    padding-top: 30px;
}
.InviteModal .avatar img {
    border: 1px solid #345d79;
}
.InviteModal .inviterHeader {
    background: url("/webapp/style/app/desktop/images/invite-landing-banner-1x.1e97a275.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 284px;
    margin: 0 auto 65px;
    position: relative;
    text-align: center;
    width: 596px;
}
@media not all, (min-resolution: 144dpi) {
.InviteModal .inviterHeader {
    background-image: url("/webapp/style/app/desktop/images/invite-landing-banner-2x.afd94863.png");
    background-position: 0 0;
    background-size: 596px 284px;
}
}
.InviteModal .mailIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -40px;
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 95px;
    left: 50%;
    margin-left: -64px;
    position: absolute;
    text-shadow: none;
    width: 127px;
}
@media not all, (min-resolution: 144dpi) {
.InviteModal .mailIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: 0 0;
    background-size: 191px 187px;
}
}
.InviteModal .inviteHeaderText {
    color: #fff;
    font-size: 30px;
    margin: 20px auto 0;
    text-shadow: 0 1px 0 #000;
    width: 75%;
}
.InviteModal .loginView {
    padding-bottom: 60px;
    text-align: center;
}
.KLPBar {
    display: none;
}
.KLPBar .klpBarContainer {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
    height: 44px;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    text-align: left;
    top: 44px;
    z-index: 669;
}
.KLPBar .klpBarContainer.guided {
    top: 54px;
}
.KLPBar .klpBarContainer.guided.categoriesBarOnTop {
    top: 86px;
}
.KLPBar .klpBarContainer .moreToExploreLabel {
    display: inline-block;
    font-size: 12px;
    margin: 15px 7px;
}
.KLPBar .klpBarContainer .interest {
    color: #5f5f5f;
    display: inline-block;
    float: none;
    margin-left: 5px;
    padding: 4px 10px 5px;
    position: relative;
}
.KLPBar .klpBarContainer .interest h2 {
    font-size: 12px;
}
.KLPBar .klpBarContainer .interest:first-child {
    margin-left: 0;
}
.KLPBar .klpBarContainer .interest:hover {
    color: #cb2027;
    text-decoration: none;
}
.KLPBar .klpBarContainer .interest.active, .KLPBar .klpBarContainer .interest.active:hover {
    color: #333;
}
.Login .formFooter a {
    display: inline-block;
    margin-top: 11px;
}
.Login .formFooter a.alreadyAPinner, .Login .formFooter a.forgotPassword {
    margin-top: 0;
}
.Login .loginUsername {
    padding-bottom: 5px;
}
.Login .pinterestLogo {
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 0;
    text-align: center;
}
.Login .pinterestLogo h1 {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -242px -379px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 42px;
    text-shadow: none;
    width: 169px;
}
.Login.register .formFooter {
    text-align: center;
}
.Login .formFooter a {
    display: inline-block;
    margin-top: 11px;
}
.Login .formFooter a.alreadyAPinner, .Login .formFooter a.forgotPassword {
    margin-top: 0;
}
.Login .businessHint {
    padding-left: 40px;
}
.Login .standardForm {
    width: auto;
}
.Login .suggestion {
    display: none;
    margin-left: 0;
    margin-top: 10px;
    text-align: right;
}
.Login .suggestionStick {
    color: #cb2027;
}
.Login .suggestionEmail {
    color: #cb2027;
}
.Login .unAuthemailSignup {
    width: 100%;
}
.Login.compactView {
    display: inline-block;
    width: auto;
}
.Login.compactView .socialLogin {
    padding: 0;
}
.Login.compactView .formFooter {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
}
.Login.compactView .loginForm, .Login.compactView .socialLogin {
    display: inline-block;
    width: auto;
}
.Login.compactView .socialLogin .btn {
    display: block;
    float: none;
    margin-bottom: 9px;
    text-align: left;
    width: 100%;
}
.Login.compactView .loginForm {
    padding: 0;
}
.Login.compactView .compactViewLogin {
    color: #fff;
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
.Login.compactView .compactViewLogin a {
    color: #fff;
    font-weight: bold;
    margin-top: 0;
    vertical-align: inherit;
}
.Login.compactView .compactViewLogin a:hover {
    color: #fff;
    text-decoration: underline;
}
.Login.compactView.lite .compactViewLogin, .Login.compactView.darkText .compactViewLogin {
    color: #000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}
.Login.compactView.lite .compactViewLogin a, .Login.compactView.darkText .compactViewLogin a {
    color: #000;
}
.Login.compactView.lite .compactViewLogin a:hover, .Login.compactView.darkText .compactViewLogin a:hover {
    color: #000;
}
.Login.compactView.darkText .loginForm {
    box-shadow: none;
}
.Login.compactView.inspiredWallLogin.hasRakuten {
    display: block;
}
.Login.compactView.inspiredWallLogin.hasRakuten .loginForm, .Login.compactView.inspiredWallLogin.hasRakuten .socialLogin {
    display: block;
}
.LoginPage {
    overflow: hidden;
}
.LoginPage .contents {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto;
    position: relative;
    width: 380px;
    z-index: 682;
}
.App.full .LoginPage .contents {
    z-index: 1;
}
.LoginPage .Login .formErrorMessage {
    right: 57px;
    top: 16px;
}
.LoginPage .Login .hasError {
    background: none repeat scroll 0 0 transparent !important;
}
.LoginPage .Login .loginForm {
    width: 380px;
}
.LoginPage.contextual .contents {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    margin: 50px 0;
    text-align: center;
    width: auto;
}
.LoginPage.contextual .reg-ContextualSignup {
    margin: 0 auto;
}
.LoginPage.inspiredWall {
    min-height: 600px;
    min-width: 1000px;
}
.LogoutAppUpsell .getPinterestVideo {
    background-color: #000;
    background-image: url("/webapp/style/app/desktop/images/get_pinterest_mobile.9ecf1913.jpg");
    background-size: cover;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}
.LogoutAppUpsell .getPinterestVideo video, .LogoutAppUpsell .getPinterestVideo img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
@media screen and (min-aspect-ratio: 16/9) {
.LogoutAppUpsell .getPinterestVideo video, .LogoutAppUpsell .getPinterestVideo img {
    height: auto;
    width: 100% !important;
}
}
.LogoutAppUpsell .contents {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-shadow: none;
    color: #fff;
    margin: 0 auto 100px;
    min-width: 650px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 470px;
    z-index: 682;
}
.LogoutAppUpsell .contents .logoContainer {
    text-align: center;
    width: 100%;
}
.LogoutAppUpsell .contents .logo {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -240px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 85px;
    margin-bottom: 132px;
    margin-top: 50px;
    text-shadow: none;
    width: 251px;
}
@media not all, (min-resolution: 144dpi) {
.LogoutAppUpsell .contents .logo {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 -239px;
    background-size: 623px 491px;
}
}
.LogoutAppUpsell .contents .title {
    font-size: 52px;
    font-weight: bold;
    margin-bottom: 35px;
}
.LogoutAppUpsell .contents .subtitle, .LogoutAppUpsell .contents .dialogSuccess {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.LogoutAppUpsell .contents .footer {
    font-size: 14px;
    margin-top: 20px;
}
.LogoutAppUpsell .contents .footerLink {
    color: #fff;
    text-decoration: underline;
}
.LogoutAppUpsell .contents .standardForm {
    margin: 0;
}
.LogoutAppUpsell .contents .getAppDialog {
    transition: all 1s ease 0s;
}
.LogoutAppUpsell .contents .getAppDialog .dialogSuccess {
    display: none;
}
.LogoutAppUpsell .contents .emailOrPhoneNumber {
    font-size: 21px;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-top: 11px;
    width: 360px;
}
.LogoutAppUpsell .contents .sendAppButton {
    box-shadow: none;
    font-size: 21px;
    margin-left: 15px;
    padding-bottom: 11px;
    padding-top: 11px;
}
.LogoutAppUpsell .contents .formErrorMessage {
    color: #ffdfdf;
}
.LogoutAppUpsell .header {
    font-size: 15px;
    font-weight: bold;
}
.LogoutAppUpsell .message {
    color: #555;
    line-height: 15px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.App.full .LogoutAppUpsell .contents {
    z-index: 1;
}
.MoreDropdown li a {
    color: #595959;
    font-family: "Helvetica Neue","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 18px;
}
.MoreDropdown li a:hover {
    background-color: #f2f2f2;
    color: #333;
}
.MoreDropdown li a:active {
    background-color: #cb2027;
    color: #fff;
}
.MoreDropdown li:first-child {
    border-radius: 6px 6px 0 0;
    padding-top: 0;
}
.MoreDropdown li:first-child a {
    padding-top: 18px;
}
.MoreDropdown li:last-child {
    border-radius: 0 0 6px 6px;
    padding-bottom: 0;
}
.MoreDropdown li:last-child a {
    padding-bottom: 18px;
}
.MultiInviter .panelBody {
    position: relative;
}
.MultiInviter .inviteConfirm {
    background: url("/webapp/style/app/desktop/images/confirm-bg-1x.f007652c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    display: none;
    height: 150px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 225px;
}
@media not all, (min-resolution: 144dpi) {
.MultiInviter .inviteConfirm {
    background-image: url("/webapp/style/app/desktop/images/confirm-bg-2x.09867747.png");
    background-position: 0 0;
    background-size: 225px 150px;
}
}
.MultiInviter .inviteConfirm div {
    color: white;
    font-size: 18px;
    margin-top: 100px;
    text-align: center;
}
.MultiInviter.inModal {
    width: 450px;
}
.MultiInviter.inModal .panelBody {
    padding: 0;
}
.MultiInviterEmail.loading {
    height: 380px;
}
.MultiInviterEmail .standardForm.emailInviteForm {
    box-shadow: none;
    margin-bottom: 0;
}
.MultiInviterEmail .standardForm.emailInviteForm .formErrorMessage {
    display: none;
}
.MultiInviterEmail .standardForm.emailInviteForm input.emailInput[type="text"] {
    height: 40px;
    margin-left: 15px;
    width: 320px;
}
.MultiInviterEmail .standardForm.emailInviteForm input.emailInput.hasError[type="text"] {
    background: none repeat scroll 0 0 #fefefe;
    border: 1px solid #d6d3ce;
}
.MultiInviterEmail .inviteEmail {
    padding-bottom: 20px;
    padding-top: 20px;
}
.MultiInviterEmail .inviteEmail .Button {
    height: 40px;
    margin-left: -7px;
    margin-top: 1px;
}
.MultiInviterEmail .inviteConfirm {
    background: url("/webapp/style/app/desktop/images/confirm-bg-1x.f007652c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    display: none;
    height: 150px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 225px;
}
@media not all, (min-resolution: 144dpi) {
.MultiInviterEmail .inviteConfirm {
    background-image: url("/webapp/style/app/desktop/images/confirm-bg-2x.09867747.png");
    background-position: 0 0;
    background-size: 225px 150px;
}
}
.MultiInviterEmail .inviteConfirm.fadeOut {
    animation: 0.3s ease 0s normal forwards 1 fadeOut;
}
.MultiInviterEmail .inviteConfirm div {
    color: white;
    font-size: 18px;
    margin-top: 100px;
    text-align: center;
}
.MultiInviterEmail .inviteEmailImage {
    text-align: center;
}
.MultiInviterEmail .mailIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 95px;
    margin-top: 10px;
    text-shadow: none;
    width: 127px;
}
@media not all, (min-resolution: 144dpi) {
.MultiInviterEmail .mailIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: 0 0;
    background-size: 191px 187px;
}
}
.MultiInviterEmail .emailInvite {
    padding: 10px;
}
.MultiInviterEmail .networkConnect {
    border-top: 1px solid #ccc;
    padding: 15px;
    position: relative;
}
.MultiInviterEmail .networkConnect em {
    vertical-align: middle;
}
.MultiInviterEmail .networkConnect .Button {
    position: absolute;
    right: 15px;
    top: 15px;
}
.MultiInviterEmail .networkConnect .networkName {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}
.MultiInviterEmail .gmailConnect em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -579px -379px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 38px;
    text-shadow: none;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.MultiInviterEmail .gmailConnect em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -252px -286px;
    background-size: 623px 491px;
}
}
.MultiInviterEmail .yahooConnect em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -539px -379px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 38px;
    text-shadow: none;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.MultiInviterEmail .yahooConnect em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -291px -286px;
    background-size: 623px 491px;
}
}
.MultiInviterFacebook.loading {
    height: 400px;
}
.MultiInviterFacebook .disconnected {
    padding: 50px;
    text-align: center;
}
.MultiInviterFacebook .disconnected .facebookIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -282px 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 90px;
    margin-bottom: 10px;
    text-shadow: none;
    width: 90px;
}
@media not all, (min-resolution: 144dpi) {
.MultiInviterFacebook .disconnected .facebookIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -281px 0;
    background-size: 623px 491px;
}
}
.NagBase {
    max-width: 1000px;
    position: relative;
}
.NagBase.pfySegmented {
    margin-top: 43px;
}
.NagBase .message {
    background: linear-gradient(#fff7cb, #fff3b7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    color: #717171;
    font-size: 15px;
    margin: 0 7px;
    padding: 1em;
    position: relative;
    z-index: 1;
}
.NagBase .nagClose {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -363px -219px rgba(0, 0, 0, 0);
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font: 0px/0 serif;
    height: 8px;
    position: absolute;
    right: 13px;
    text-shadow: none;
    top: 6px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.NagBase .nagClose {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -582px -476px;
    background-size: 623px 491px;
}
}
.NagBase.updateBrowser {
    text-align: center;
}
.NagFollowingFeedDeprecation {
    margin: 0 auto;
}
.NagNoScript {
    left: 50%;
    margin-left: -368px;
    position: fixed;
    top: 0;
    width: 736px;
    z-index: 680;
}
.NagNoScript.Module {
    display: block;
}
.Header ~ .NagNoScript {
    top: 44px;
    z-index: auto;
}
.Nags.loading {
    min-height: 0;
}
.NagSearch .message {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    color: #717171;
    font-size: 15px;
    margin: 0 7px;
    padding: 1em;
}
.NagSwitchToMobile .buttonWrapper {
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 7px;
    z-index: 2;
}
.NagUnauthBase.subMessageHidden .subMessageWrapper {
    display: none;
}
.NagUnauthBase.keywordsHidden .keywords {
    display: none;
}
.NagUnauthBase.fbHidden .facepileWrapper {
    display: none;
}
.NagUnauthBase.sticky {
    height: 149px;
}
.NagUnauthBase.sticky.keywordsHidden {
    height: 121px;
}
.NagUnauthBase.sticky.fbHidden {
    height: 93px;
}
.NagUnauthBase.sticky.subMessageHidden {
    height: 48px;
}
.NagUnauthBase.sticky .centeredContent {
    position: relative;
}
.NagUnauthBase.sticky .message {
    border-radius: 0;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 44px;
    z-index: 668;
}
.NagUnauthBase.sticky .message.hasKLPBar {
    top: 88px;
}
.NagUnauthBase.sticky .messageContent {
    margin: 0 7px;
}
.NagUnauthBase.sticky .subMessageWrapper {
    margin: 16px 7px 0;
}
.NagUnauthBase.sticky .buttonsWrapper {
    right: 7px;
    top: -7px;
}
.NagUnauthBase .messageContent {
    margin: 0;
    text-shadow: 0 1px 0 #fff;
}
.NagUnauthBase .subMessageWrapper {
    border-top: 1px solid #e7dfb3;
    margin-top: 16px;
    overflow: hidden;
}
.NagUnauthBase .subMessageWrapper .fbIframe {
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 600px;
}
.NagUnauthBase .keywords {
    margin-top: 10px;
}
.NagUnauthBase .facepileWrapper {
    margin-top: 5px;
}
.NagUnauthBase .buttonsWrapper {
    position: absolute;
    right: 14px;
    top: 7px;
}
.NagUnauthBase .message {
    overflow: hidden;
}
.NagUnauthBase .loginButton {
    float: right;
}
.NagUnauthBase .joinButton {
    float: left;
    margin-right: 7px;
}
.NagUnauthBase.NagUnauthPersonal {
    min-width: 100%;
}
.NagUnauthBase.NagUnauthPersonal.blueNag .message {
    background: linear-gradient(#c1edf8, #afe9f6) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.NagUnauthBase.NagUnauthPersonal.blueNag .subMessageWrapper {
    border-top: 1px solid #96c5cf;
}
.NagUnauthBase.NagUnauthPersonal.blueNag .facepileWrapper {
    margin-top: 5px;
}
.NagUnauthBase.NagUnauthPersonal.blueNag .messageContent {
    text-shadow: none;
}
.NagUnauthBase.NagUnauthPersonal.blueNag.sticky .buttonsWrapper {
    background: none repeat scroll 0 0 #9fd8e3;
    border: 1px solid #67afbe;
    box-shadow: 0 0 3px #96c5cf;
    top: 30px;
}
.NagUnauthBase.NagUnauthPersonal .message {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    height: inherit;
    padding: 0;
}
.NagUnauthBase.NagUnauthPersonal .messageContent {
    color: #333;
    font-size: 21px;
    font-weight: bold;
    margin-top: 14px;
}
.NagUnauthBase.NagUnauthPersonal .messageContent .content, .NagUnauthBase.NagUnauthPersonal .messageContent .header {
    display: block;
    float: none;
    width: auto;
}
.NagUnauthBase.NagUnauthPersonal .messageContent .content {
    font-size: 19px;
    font-weight: normal;
}
.NagUnauthBase.NagUnauthPersonal .centeredWithinWrapper {
    max-width: 1250px;
    min-width: 750px;
}
.NagUnauthBase.NagUnauthPersonal.sticky {
    height: 184px;
}
.NagUnauthBase.NagUnauthPersonal.sticky .buttonsWrapper {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d3d0d0;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    padding: 12px;
    top: 31px;
}
.NagUnauthBase.NagUnauthPersonal.sticky.keywordsHidden {
    height: 146px;
}
.NagUnauthBase.NagUnauthPersonal.sticky.fbHidden {
    height: 123px;
}
.NagUnauthBase.NagUnauthPersonal.sticky.subMessageHidden {
    height: 86px;
}
.NagUnauthBase.NagUnauthPersonal.sticky.subMessageHidden.blueNag .buttonsWrapper {
    background: linear-gradient(#c1edf8, #afe9f6) repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 2px;
}
.NagUnauthBase.NagUnauthPersonal.sticky.subMessageHidden .buttonsWrapper {
    border: 0 none;
    box-shadow: 0 0 0;
    margin-top: 12px;
    padding: 0;
    top: 5px;
}
.NagUnauthBase.NagUnauthPersonal .subMessageWrapper {
    border-top: 1px solid #d3d0d0;
    color: #333;
    margin-top: 10px;
}
.NagUnauthBase.NagUnauthPersonal .keywords {
    margin-top: 10px;
}
.NagUnauthBase.NagUnauthPersonal .keywords a {
    color: #333;
}
.NagUnauthBase.NagUnauthPersonal .facepileWrapper {
    margin-top: 10px;
}
.NagUnauthBase.NagUnauthPersonal .facepileWrapper .thumbImageWrapper {
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
}
.NagUnauthBase.NagUnauthPersonal .facepileWrapper .thumbImageWrapper:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NagUnauthBase.NagUnauthPersonal .facepileWrapper .thumbImageWrapper img {
    border-radius: 3px;
    height: 50px;
    width: 50px;
}
.NagUnauthBase.NagUnauthPersonal .facepileWrapper .facepileWrapperMessage {
    float: left;
    line-height: 18px;
    margin-top: 5px;
    padding: 0 15px;
    width: 50%;
}
.NagUnauthBase.NagUnauthPersonal .facepileWrapper .facepileWrapperMessage a {
    color: #333;
}
.NetworkNotificationItems .networkNotifDateHeader {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    color: #9a9a9a;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
}
.NetworkNotificationItems .networkNotifDateHeader.unseenHeader {
    background-color: #fff;
    color: #666;
}
.NetworkNotificationItems .networkNotifDateHeader.todayHeader {
    border-top: medium none !important;
}
.NetworkNotificationItems .networkNotifItem {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.NetworkNotificationItems .networkNotifItem.unseen {
    background-color: #fff;
}
.NetworkNotificationItems .networkNotifItem.unseen:hover {
    background-color: #f1f1f1 !important;
}
.NetworkNotificationItems .networkNotifItem:hover {
    background-color: #f1f1f1 !important;
}
.NetworkNotificationItems .mainActorImageWrapper {
    float: left;
    margin: 10px;
    vertical-align: top;
    width: 50px;
}
.NetworkNotificationItems .mainActorImage {
    display: block;
}
.NetworkNotificationItems .mainActorImage img {
    height: 50px;
    width: 50px;
}
.NetworkNotificationItems .mainActorImage span {
    display: block;
    position: relative;
}
.NetworkNotificationItems .mainActorImage span:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NetworkNotificationItems .mainActorImage span img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.NetworkNotificationItems .networkNotifMessageWrapper {
    color: #666;
    font-size: 12px;
    line-height: 15px;
    margin: 10px 12px;
}
.NetworkNotificationItems .notifMessage {
    display: block;
    margin: 0;
    width: 100%;
}
.NetworkNotificationItems .notifMessage span {
    margin: 0;
}
.NetworkNotificationItems .notifMessage .actorText {
    font-weight: bold;
}
.NetworkNotificationItems .notifActorImages {
    display: block;
    margin-top: 7px;
}
.NetworkNotificationItems .actorImage {
    display: inline-block;
    height: 50px;
    margin-right: 4px;
    vertical-align: top;
    width: 50px;
}
.NetworkNotificationItems .actorImage div {
    height: 50px;
    width: 50px;
}
.NetworkNotificationItems .actorImage img {
    height: 50px;
    width: 50px;
}
.NetworkNotificationItems .actorImage span.pinActor, .NetworkNotificationItems .actorImage span.boardActor {
    display: block;
    position: relative;
}
.NetworkNotificationItems .actorImage span.pinActor:after, .NetworkNotificationItems .actorImage span.boardActor:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NetworkNotificationItems .actorImage span.pinActor img, .NetworkNotificationItems .actorImage span.boardActor img {
    border-radius: 3px;
    height: 50px;
    width: 50px;
}
.NetworkNotificationItems .actorImage span.userActor {
    display: block;
    position: relative;
}
.NetworkNotificationItems .actorImage span.userActor:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NetworkNotificationItems .actorImage span.userActor img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.NetworkNotificationItems .pinMoreBox, .NetworkNotificationItems .boardMoreBox {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -573px -253px rgba(0, 0, 0, 0);
    height: 50px;
    width: 50px;
}
@media not all, (min-resolution: 144dpi) {
.NetworkNotificationItems .pinMoreBox, .NetworkNotificationItems .boardMoreBox {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -567px -172px;
    background-size: 623px 491px;
}
}
.NetworkNotificationItems .userMoreBox {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -282px -179px rgba(0, 0, 0, 0);
    height: 50px;
    width: 50px;
}
@media not all, (min-resolution: 144dpi) {
.NetworkNotificationItems .userMoreBox {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -372px -243px;
    background-size: 623px 491px;
}
}
.NetworkNotifications {
    background-color: #f5f5f5;
    border-radius: 3px 3px 0 0;
    width: 100%;
}
.NetworkNotifications.withinSegmentedController {
    border-radius: 0 0 3px 3px;
    height: 402px;
}
.NetworkNotifications.withinSegmentedController .networkNotifContent {
    bottom: 0;
}
.NetworkNotifications .networkNotifContent {
    height: 402px;
    overflow: auto;
}
.NetworkStoryInfoBar.newBoardHeaderStyle {
    background-color: #fff;
    border-top: 1px solid #e8e8e8;
    height: 44px;
    line-height: 44px;
    margin-top: 12px;
    padding: 5px 0;
    position: relative;
    text-align: left;
}
.NetworkStoryInfoBar.newBoardHeaderStyle.boardHeaderBackground {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName {
    color: #444;
    font-weight: normal;
    margin-left: 14px;
    position: absolute;
}
.NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName .User {
    text-align: left;
    width: 300px;
}
.NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName .User .fullname {
    color: #777;
    font-size: 13px;
    line-height: 30px;
}
.NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName .User .fullname:hover {
    color: #444;
}
.NetworkStoryInfoBar.newBoardHeaderStyle .mainAction {
    color: #9a9a9a;
    font-size: 13px;
    position: absolute;
    right: 20px;
}
.NotificationItems .notifItem {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.NotificationItems .notifItem.unseen {
    background-color: #fff;
}
.NotificationItems .notifItem.unseen:hover {
    background-color: #f1f1f1 !important;
}
.NotificationItems .notifItem:hover {
    background-color: #f1f1f1 !important;
}
.NotificationItems .actorImages {
    float: left;
    height: 50px;
    margin: 10px;
    vertical-align: top;
    width: 50px;
}
.NotificationItems .actorImage {
    display: none;
    position: absolute;
}
.NotificationItems .actorImage.active {
    display: block;
}
.NotificationItems .actorImage img {
    height: 50px;
    width: 50px;
}
.NotificationItems .actorImage span {
    display: block;
    position: relative;
}
.NotificationItems .actorImage span:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NotificationItems .actorImage span img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.NotificationItems .notifMessageWrapper {
    color: #666;
    font-size: 12px;
    line-height: 15px;
    margin: 10px 12px;
}
.NotificationItems .notifMessage {
    display: block;
    margin: 0;
    width: 100%;
}
.NotificationItems .notifMessage span {
    display: inline-block;
    margin: 0;
}
.NotificationItems .notifMessage .timesince {
    color: #9a9a9a;
    float: right;
    font-weight: bold;
    padding-left: 10px;
}
.NotificationItems .notifMessage .messageText {
    width: 190px;
}
.NotificationItems .notifObjectImages {
    display: block;
    margin-top: 7px;
}
.NotificationItems .objectImage {
    display: inline-block;
    height: 50px;
    margin-right: 4px;
    vertical-align: top;
    width: 50px;
}
.NotificationItems .objectImage div {
    height: 50px;
    width: 50px;
}
.NotificationItems .objectImage img {
    height: 50px;
    width: 50px;
}
.NotificationItems .objectImage span {
    display: block;
}
.NotificationItems .pinActorImage, .NotificationItems .boardActorImage {
    position: relative;
}
.NotificationItems .pinActorImage:after, .NotificationItems .boardActorImage:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NotificationItems .pinActorImage img, .NotificationItems .boardActorImage img {
    border-radius: 3px;
    height: 50px;
    width: 50px;
}
.NotificationItems .userActorImage {
    position: relative;
}
.NotificationItems .userActorImage:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.NotificationItems .userActorImage img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.NotificationItems .notifComment {
    clear: both;
    display: none;
}
.NotificationItems .notifComment.active {
    display: block;
}
.NotificationItems .notifComment .quote {
    border-top: 1px solid #ddd;
    line-height: 15px;
    margin-top: 8px;
    padding-top: 8px;
    word-wrap: break-word;
}
.NotificationItems .notifComment .delete {
    font-style: italic;
}
.NotificationsConversationsButton {
    position: relative;
}
.NotificationsConversationsButton .buttonBadge {
    background: none repeat scroll 0 0 transparent;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 6px;
}
.NotificationsConversationsButton.merged .Button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.NotificationsConversationsDropdown {
    height: 100%;
    width: 100%;
}
.NotificationsConversationsDropdown .header .right {
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.NotificationsConversationsDropdown .convosContent {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
}
.NotificationsConversationsDropdown .SegmentedController > .content {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
    height: 401px;
    overflow: hidden;
}
.NotificationsConversationsDropdown .conversationsContent, .NotificationsConversationsDropdown .notificationsContent {
    position: absolute;
    right: 10px;
}
.NotificationsConversationsDropdown .conversationsContent {
    display: none;
}
.NotificationsConversationsDropdown.conversationsShowing .notificationsContent {
    display: none;
}
.NotificationsConversationsDropdown.conversationsShowing .conversationsContent {
    display: block;
}
.NotificationsConversationsDropdown .SegmentedController {
    clear: both;
    width: 331px;
}
.NotificationsConversationsDropdown .CreateConversationGroup {
    bottom: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}
.NotificationsConversationsDropdown .CreateConversationGroup .ConversationsList {
    height: 354px;
    overflow-x: hidden;
    overflow-y: auto;
}
.Notifications {
    background-color: #f5f5f5;
    border-radius: 3px 3px 0 0;
    width: 100%;
}
.Notifications.withinSegmentedController {
    border-radius: 0 0 3px 3px;
    height: 402px;
}
.Notifications.withinSegmentedController .notifFooter {
    display: none;
}
.Notifications.withinSegmentedController .notifContent {
    bottom: 0;
    top: 38px;
}
.Notifications.withinSegmentedController .notifContent.lower {
    height: 402px;
    position: static;
}
.Notifications.withinSegmentedController .notifHeader {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    padding: 0;
    position: absolute;
    top: 5px;
}
.Notifications .notifHeader, .Notifications .notifFooter {
    background-color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 3;
}
.Notifications .notifHeader {
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05);
    padding: 10px;
}
.Notifications .notifTitle {
    font-size: 13px;
    font-weight: 700;
}
.Notifications .notifSettings {
    color: #777;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 3;
}
.Notifications .notifContent {
    bottom: 20px;
    height: auto;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 2;
}
.Notifications .notifFooter {
    border-radius: 0 0 6px 6px;
    bottom: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 -2px 3px rgba(0, 0, 0, 0.05);
    height: 20px;
}
.Notifications .empty {
    color: #999;
    font-size: 14px;
    padding: 30px 0;
    text-align: center;
}
.NotificationSettings {
    width: 480px;
}
.NotificationSettings .standardForm > ul > li {
    padding-right: 0;
}
.NotificationSettings .standardForm > ul > li h3 {
    float: left;
    width: auto;
}
.NotificationSettings .standardForm > ul > li.checkNotifSettings {
    overflow: hidden;
}
.NotificationSettings .standardForm > ul > li .fieldsetWrapper {
    float: right;
    margin-left: 0;
}
.NotificationSettings .standardForm > ul > li .formInlineCheckedSet {
    padding-top: 4px;
}
.NotificationSettings .pushNotifSettings h2 {
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    font-size: 15px;
    padding: 10px 20px;
}
.NotificationSettings .pushNotifSettings ul {
    padding: 5px 20px 15px;
}
.NotificationSettings .pushNotifSettings .pushSetting {
    padding: 8px 0;
}
.NotificationSettings .pushNotifSettings .pushSetting label {
    font-weight: bold;
}
.NotificationSettings .pushNotifSettings .pushSetting input {
    float: right;
    margin-top: 8px;
}
.NotificationSettings .pushNotifSettings .pushSetting .helpText {
    color: #777;
    font-size: 11px;
    padding-top: 2px;
}
.NotificationSettings .pushNotifSettings .pushSetting:last-of-type {
    border: medium none;
}
.OAuthPage {
    width: 670px;
}
.OAuthPage .header {
    background-color: #fff;
    height: 34px;
    padding: 10px;
}
.OAuthPage .header .pinterestLogo {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -499px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 26px;
    margin-left: 20px;
    margin-top: 8px;
    width: 104px;
}
@media not all, (min-resolution: 144dpi) {
.OAuthPage .header .pinterestLogo {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 -411px;
    background-size: 623px 491px;
}
}
.OAuthPage .header .joinButton {
    float: right;
    margin-right: 20px;
}
.OAuthPage h2 {
    padding: 20px 20px 10px;
}
.OAuthPage .mainContent {
    height: 300px;
    margin: 0 20px;
    position: relative;
    width: 630px;
}
.OAuthPage .mainContent .authUserInfo {
    text-align: center;
}
.OAuthPage .mainContent .authUserInfo img {
    margin: 20px 102.5px 10px;
}
.OAuthPage .mainContent .userInfo {
    border-right: 1px solid #ccc;
    float: left;
    height: 260px;
    width: 345px;
}
.OAuthPage .mainContent .userInfo .loginForm {
    margin: 0;
    width: 345px;
}
.OAuthPage .mainContent .userInfo .loginError {
    margin: 0 0 0 20px;
}
.OAuthPage .mainContent .userInfo .authorize {
    border-bottom-left-radius: 6px;
    border-right: 1px solid #ccc;
    bottom: 0;
    height: 30px;
    padding: 20px;
    position: absolute;
    text-align: left;
    width: 305px;
}
.OAuthPage .mainContent .userInfo .authorize span {
    float: left;
}
.OAuthPage .mainContent .userInfo .authorize .authorizeApp {
    float: right;
}
.OAuthPage .mainContent .consumerScopes {
    float: right;
    height: 290px;
    width: 284px;
}
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper {
    margin: 20px;
}
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .scopeHeading, .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .facebookScopes {
    margin-top: 10px;
}
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper li {
    margin-bottom: 10px;
}
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .websiteInfo {
    height: 14px;
    width: 14px;
}
@keyframes scaleDownAndFade {
0%, 50% {
    opacity: 1;
    transform: scale(1);
}
66%, 83% {
    opacity: 1;
    transform: scale(0.5);
}
100% {
    opacity: 0;
    transform: scale(0.5);
}
}
.PaddedPin {
    padding-top: 57px;
    position: relative;
}
.PaddedPin .paddedPinLink {
    background: none repeat scroll 0 0 #f8f8f8;
    display: block;
}
.PaddedPin .paddedPinLink:hover {
    background: none repeat scroll 0 0 #f0f0f0;
}
.PaddedPin .paddedPinLink:active {
    background: none repeat scroll 0 0 #e9e9e9;
}
.PaddedPin .pinImage {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.PaddedPin .imageContainer {
    overflow: hidden;
}
.PaddedPin .visualSearchObjectOverlay {
    height: 0;
    left: 50%;
    position: absolute;
    top: 57px;
    width: 0;
    z-index: 6;
}
.PaddedPin .pinCloseupSeoText {
    color: #717171 !important;
    margin-left: auto;
    margin-right: auto;
}
.PaddedPin .pinCanonicalDescription {
    bottom: 0;
    color: #f7f7f7;
    font-size: 12px;
    height: 56px;
    left: 0;
    line-height: 150%;
    margin-top: -6px;
    opacity: 0.5;
    overflow: hidden;
    padding: 0 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
    top: 45%;
    white-space: normal;
    word-wrap: break-word;
    z-index: 4;
}
.PaddedPin .pinDomain {
    bottom: 0;
    color: #f7f7f7;
    font-size: 12px;
    left: 0;
    margin-top: -6px;
    opacity: 0.5;
    overflow: hidden;
    padding: 0 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
    top: 50%;
    white-space: nowrap;
    z-index: 4;
}
.PaddedPin .visualSearchObjectTagClickTarget {
    cursor: pointer;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    width: 50px;
}
.PaddedPin .visualSearchObjectTagClickTarget .visualSearchObjectTag {
    animation: 1.5s ease 0s normal none 1 scaleDownAndFade;
    background: none repeat scroll 0 0 #f22;
    border: 6px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #000;
    height: 32px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0.5);
    transform-origin: center center 0;
    transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
    width: 32px;
}
.PaddedPin .visualSearchObjectTagClickTarget:hover .visualSearchObjectTag {
    opacity: 1;
    transform: scale(0.65);
}
.PaddedPin .visualSearchObjectTagClickTarget:active .visualSearchObjectTag {
    background: none repeat scroll 0 0 #b00;
}
.PaddedPin:hover .visualSearchObjectTag {
    opacity: 0.67;
}
.PasswordResetOneClick h1 {
    font-size: 21px;
}
.PasswordResetOneClick h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6em;
    margin-top: 20px;
}
.PasswordResetOneClick .successMessage {
    display: none;
}
.PasswordResetOneClick .wrapper {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto;
    position: relative;
    width: 380px;
    z-index: 682;
}
.PasswordResetOneClick .content {
    color: #525252;
    padding: 20px;
}
.PasswordResetOneClick .messageContent {
    border-top: 1px solid #dadada;
    padding: 20px;
}
.PasswordResetOneClick .messageContent h3 {
    margin: 0;
}
.PasswordResetOneClick .oneClickPasswordResetForm {
    margin-bottom: 0;
}
.PasswordResetOneClick .formFooter {
    padding-left: 30px;
}
.PasswordResetOneClick .formFooter button {
    float: right;
}
.PasswordResetOneClick .standardForm {
    width: auto;
}
.Pillow {
    font-size: 15px;
    text-align: center;
    z-index: 751;
}
.Pillow button {
    background: linear-gradient(#fafafa, #ebebeb) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(153, 153, 153, 0.4);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.5);
    color: #777;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.Pillow button:hover {
    background: linear-gradient(#ffffff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.Pillow button:active {
    background: linear-gradient(#f7f7f7, #e8e8e8) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.PinActionBar {
    background-color: rgba(248, 248, 248, 0.9);
    border-bottom: 1px solid rgba(0, 0, 0, 0.22);
    border-radius: 6px 6px 0 0;
    border-top-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    cursor: default;
    display: inline-block;
    height: 36px;
    padding: 10px 20px 9px;
    position: absolute;
    top: 0;
    width: 696px;
}
.PinActionBar:after {
    clear: both;
    content: "";
    display: table;
}
.PinActionBar.guided {
    background-color: rgba(255, 255, 255, 0.9);
}
.PinActionBar.loading.Module {
    min-height: 36px;
}
.PinActionBar .repinLike {
    float: left;
}
.PinActionBar .repin, .PinActionBar .like, .PinActionBar .website {
    margin-right: 6px;
}
.PinActionBar .share {
    margin-left: 6px;
}
.PinActionBar .shareGear {
    float: right;
}
.PinActionBar .pinActionBarButton {
    float: left;
}
.PinActionBar .pinActionBarButton.leftRounded {
    margin-right: 0;
}
.PinActionBar .pinActionBarButton.repinLikeNavigateButton {
    float: left;
    left: -1px;
    margin-right: 6px;
    position: relative;
}
.PinActionBar .pinActionBarButton.facebookShare {
    float: none;
    margin-left: 6px;
}
.PinActionBar .pinActionBarButton.pinEditDark {
    margin-right: 6px;
}
.PinActionBar.absolute {
    box-shadow: none;
}
.PinActionBar.absolute.below {
    border-radius: 0;
}
.PinActionBar.sticky {
    border-radius: 0;
    position: fixed;
    top: 44px;
}
.PinActionBar.sticky.guided {
    top: 54px;
}
.PinActionBar.lite .NavigateButton, .PinActionBar.lite .PinLikeButton, .PinActionBar.lite .shareGear {
    display: none;
}
.PinBookmarklet {
    box-sizing: border-box;
    margin: 14px auto;
    padding: 0 14px;
    width: 750px;
}
.PinBookmarklet .errorMessage {
    padding-top: 20px;
}
.PinBookmarklet .PinCreate .PinCreateSuccessBoardEdit {
    background: none repeat scroll 0 0 #fff;
}
.PinBookmarklet .PinCreateSuccess {
    width: 100%;
}
.PinBookmarkletTooltip .tooltipTitle {
    font-size: 12px;
    line-height: 1;
    padding: 14px 14px 7px;
}
.PinBookmarkletTooltip .tooltipBody {
    font-size: 12px;
    line-height: 1.3;
    margin: 0 14px;
}
.PinBookmarkletTooltip .pinBookmarkletButton {
    background-color: #aeaeae;
    background-image: linear-gradient(#cecece, #a1a1a1);
    border-color: #c3c3c3 #9b9b9b #818181;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px #9b9b9b;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    margin: 7px 0 14px 14px;
    text-align: center;
    width: 100px;
}
.PinBookmarkletTooltip .pinBookmarkletButton:hover {
    background-image: linear-gradient(#d6d6d6, #a9a9a9);
}
.PinBookmarkletTooltip .pinBookmarkletButton:active {
    background-image: linear-gradient(#a1a1a1, #cecece);
    border-color: #818181 #9b9b9b #c3c3c3;
}
.PinCloseupSettingsDropdown {
    margin-left: -143px;
}
.PinCloseupSettingsDropdown .caret {
    right: 29px;
}
.PinCloseupSettings {
    padding: 10px;
}
.PinCloseupSettings .btn, .PinCloseupSettings > div {
    display: block;
    margin-bottom: 8px;
    text-align: left;
    width: 196px;
}
.PinCloseupSettings .btn:last-child, .PinCloseupSettings > div:last-child {
    margin-bottom: 0;
}
.PinComment {
    position: relative;
    word-wrap: break-word;
}
.PinComment .btn {
    display: none;
}
.PinComment.detailed .userThumbContainer {
    margin-right: 15px;
    position: relative;
    width: 50px;
}
.PinComment.detailed .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.PinComment.detailed .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.PinComment.detailed .commenterNameCommentText {
    margin-left: 65px;
}
.PinComment.summary .userThumbContainer {
    margin-right: 6px;
    position: relative;
    width: 30px;
}
.PinComment.summary .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.PinComment.summary .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.PinComment.summary .commenterNameCommentText {
    margin-left: 36px;
}
.PinComment .userThumbContainer {
    float: left;
}
.PinComment .content {
    resize: vertical;
}
.PinComment .pinDescriptionComment .btn {
    display: none;
}
.PinComment .pinDescriptionComment.detailed .userThumbContainer {
    margin-right: 15px;
    position: relative;
    width: 50px;
}
.PinComment .pinDescriptionComment.detailed .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.PinComment .pinDescriptionComment.detailed .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.PinComment .pinDescriptionComment.detailed .commenterNameCommentText {
    margin-left: 65px;
}
.PinComment .pinDescriptionComment.summary .userThumbContainer {
    margin-right: 6px;
    position: relative;
    width: 30px;
}
.PinComment .pinDescriptionComment.summary .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.PinComment .pinDescriptionComment.summary .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.PinComment .pinDescriptionComment.summary .commenterNameCommentText {
    margin-left: 36px;
}
.PinComment .pinDescriptionComment .userThumbContainer {
    float: left;
}
.PinComment.summary .addCommentForm {
    display: inline-block;
    margin-bottom: 5px;
    width: 172px;
}
.PinComment.summary .addCommentForm .content {
    border-radius: 2px;
}
.PinComment.summary .addCommentForm .addComment {
    margin-top: 7px;
}
.PinComment.summary .commentDescriptionContent {
    margin: 0 0 5px;
}
.PinComment.summary .commenterNameCommentText {
    font-size: 11px;
    line-height: 15px;
    width: 172px;
}
.PinComment.summary .commenterWrapper {
    line-height: 11px;
}
.PinComment.summary .pinDescriptionCommentItem {
    border-radius: 0 0 6px 6px;
    padding: 0 14px 7px;
    position: relative;
}
.PinComment.summary .pinDescriptionCommentItem:after {
    clear: both;
    content: "";
    display: table;
}
.PinComment.detailed .pinUserCommentBox {
    border-top: 1px solid #e3e3e3;
}
.PinComment.detailed .addCommentForm {
    margin-top: 5px;
}
.PinComment.detailed .pinDescriptionComment {
    margin-bottom: 0;
    overflow: hidden;
    padding: 15px 20px;
}
.PinComment.detailed .pinDescriptionComment .commentDescriptionCreator {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
}
.PinComment.detailed .pinDescriptionComment .commentDescriptionTimeAgo {
    color: #999;
    font-size: 13px;
    font-weight: normal;
}
.PinComment.detailed .pinDescriptionComment .commentDescriptionContent {
    color: #171717;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 600px;
}
.PinComment.detailed .pinDescriptionComment .commentDescriptionContent a {
    color: #171717;
}
.PinComment.detailed .pinDescriptionComment .content {
    border-radius: 6px;
    min-height: 40px;
}
.PinComment:after {
    clear: both;
    content: "";
    display: table;
}
.PinComment.summary {
    margin-bottom: 5px;
}
.PinCommentList {
    border-top: 1px solid #e3e3e3;
}
.PinCommentList.empty .commentsContainer {
    display: none;
}
.PinCommentList .commentsContainer {
    padding: 15px 14px 0;
}
.PinCommentList.summary .commentsContainer {
    padding-top: 10px;
}
.PinCommentList .showAll {
    display: block;
    margin: 0 0 9px;
    padding: 0 15px;
}
.summary .PinCommentList .showAll {
    text-align: center;
}
.summary .PinCommentList .List:last-child .PinComment:last-child {
    padding-bottom: 0;
}
.PinCommentList.detailed {
    border-radius: 0 0 6px 6px;
    border-top: medium none;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.PinCommentList.detailed .commentsContainer {
    background-color: #fff;
    border: medium none;
    padding: 0;
}
.hasRichPins .PinCommentList.detailed .commentsContainer {
    background: none repeat scroll 0 0 transparent;
}
.PinCommentList.detailed .showAll {
    background-color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    padding-top: 20px;
    text-align: center;
}
.PinCommentList.detailed .addPinComment {
    padding: 0;
}
.PinCommentList.detailed .ui-TextField {
    border-radius: 6px;
    color: #999;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 3px;
    width: 630px;
}
.PinCommentList.detailed .addComment {
    display: none;
    font-size: 12px;
    margin-top: 10px;
}
.PinCounts .pinCountsIcon, .PinCounts .pinCountsNumber {
    vertical-align: middle;
}
.PinCounts .repinIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -489px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 21px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .repinIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -415px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .commentIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -348px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .commentIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -315px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .likeIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -256px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 17px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .likeIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -481px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .countsItem {
    display: inline-block;
    margin-right: 8px;
}
.PinCounts .countsItem.hidden {
    display: none;
}
.PinCounts .countsItem.hidden.commentsIcon {
    display: inline-block;
}
.PinCounts .countsItem.hidden.commentsIcon .pinCountsNumber {
    display: none;
}
.PinCounts .countsItem:hover .repinIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -535px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 21px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .countsItem:hover .repinIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -459px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .countsItem:hover .commentIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -312px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .countsItem:hover .commentIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -54px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .countsItem:hover .likeIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -384px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 17px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .countsItem:hover .likeIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -18px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .countsItem:active .repinIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -512px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 21px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .countsItem:active .repinIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -437px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .countsItem:active .commentIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -330px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .countsItem:active .commentIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -332px -459px;
    background-size: 623px 491px;
}
}
.PinCounts .countsItem:active .likeIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -293px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 17px;
}
@media not all, (min-resolution: 144dpi) {
.PinCounts .countsItem:active .likeIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 -459px;
    background-size: 623px 491px;
}
}
.PinCounts .pinCountsNumber {
    color: #999;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin-left: 3px;
}
.PinCreate2 {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 500px;
    overflow: hidden;
    width: 440px;
}
.PinCreate2.fluid {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    position: relative;
}
.PinCreate2 .title {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e7e7e7;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    padding: 20px;
}
.PinCreate2 .pinPreview {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    padding: 15px 20px;
    width: 400px;
}
.PinCreate2 .pinPreviewImg {
    background: none repeat scroll 0 0 #f7f7f7;
    border: medium none;
    border-radius: 3px;
    float: left;
    height: 82px;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    width: 82px;
}
.PinCreate2 .pinPreviewImg:after {
    border-radius: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 84px;
    left: 0;
    position: absolute;
    top: 0;
    width: 84px;
}
.PinCreate2 .pinPreviewImg img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.PinCreate2 .pinPreviewImg .videoIndicator {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.PinCreate2 .pinPreviewImg .playIndicatorPill {
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 10;
}
.PinCreate2 .pinPreviewImg .videoIndicator {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -464px -253px rgba(0, 0, 0, 0);
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
    width: 54px;
}
.PinCreate2 .pinPreviewImg img {
    display: block;
    margin: auto;
}
.PinCreate2 .pinPreviewImg:after {
    box-shadow: none;
}
.PinCreate2 .pinDescription {
    float: left;
    width: 306px;
}
.PinCreate2 .pinDescription.withSocialShareOptions {
    width: 284px;
}
.PinCreate2 .pinDescription .content {
    background-color: #fafafa;
    border-radius: 3px;
    color: #777;
    font-size: 14px;
    height: 84px;
    max-width: 306px;
    resize: none;
}
.PinCreate2 .pinDescription .content:focus {
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1) inset;
    color: #333;
}
.PinCreate2 .pinDescription .content.hasError {
    background-color: #dc7b7e;
    color: #333;
}
.PinCreate2 .formErrorMessage {
    color: #cb2027;
    font-size: 14px;
    margin: 0;
    padding: 8px 10px 0;
}
.PinCreate2 .socialShareOptions {
    float: left;
    margin-top: 30px;
    padding-left: 10px;
    width: 12px;
}
.PinCreate2 .socialShareOptions.both {
    margin-top: 15px;
}
.PinCreate2 .twitterInputWrapper {
    margin-bottom: 5px;
}
.PinCreate2 .BoardPicker2 {
    float: right;
}
.PinCreate {
    width: 651px;
}
.PinCreate.fluid {
    position: relative;
    width: auto;
}
.PinCreateSuccessBoard .boardWrapper {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    clear: both;
    margin: 20px;
}
.PinCreateSuccessBoard .alsoOn {
    color: #9f9f9f;
    font-size: 18px;
    margin: 20px 0 14px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.67);
}
.PinCreateSuccessBoard .Board {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
    margin: 0 auto 20px;
}
.PinCreateSuccessBoardEdit h1 span {
    font-weight: normal;
}
.PinCreateSuccessBoardEdit .standardForm .learnMore {
    display: block;
    float: none;
    margin: 10px 0;
}
.PinCreateSuccessBoardEdit .boardInvites {
    margin-top: 20px;
}
.PinCreateSuccessBoardEdit .boardInvites .BoardInvite.boardEdit {
    min-width: 420px;
    width: 472px;
}
.PinCreateSuccessBoardEdit .boardInvites .BoardInvite.boardEdit .User {
    overflow: hidden;
}
.PinCreateSuccessBoardEdit .boardInvites .BoardInvite.boardEdit .Button {
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.PinCreateSuccess {
    width: 500px;
}
.PinCreateSuccess .standardForm {
    width: 500px;
}
.PinCreateSuccess .standardForm h1 {
    font-weight: normal;
}
.PinCreateSuccess .standardForm h1 em {
    font-style: normal;
    font-weight: bold;
}
.PinCreateSuccess .standardForm h1 a {
    color: #333;
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}
.PinCreateSuccess .standardForm h1 a:hover {
    color: #cb2027;
}
.PinCreateSuccess.noBody .formFooter {
    border-top: 0 none;
}
.PinCreateSuccessExtensionNag .nagWrapper {
    background: url("/webapp/style/app/desktop/images/pin_create_success_extension_nag_win_chrome.3fd98b07.png") no-repeat scroll 50% 100% #f4f4f4;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    clear: both;
    margin: 20px;
    text-align: center;
}
.PinCreateSuccessExtensionNag .nagWrapper .nagMessage {
    color: #211922;
    font-size: 21px;
    font-weight: lighter;
    margin: 0 auto;
    padding: 20px 15px 245px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.67);
    width: 425px;
}
.PinCreateSuccessExtensionNag .nagWrapper .nagMessage a {
    color: #079dd6;
    font-weight: normal;
}
.PinCreateSuccessPins {
    margin: 0 auto;
}
.PinCreateSuccessPins .sectionTitle {
    color: #9f9f9f;
    font-size: 18px;
    margin: 20px 0 14px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.67);
}
.Pin {
    font-size: 11px;
}
.Pin .content {
    resize: vertical;
}
.Pin .pinDescriptionComment .btn {
    display: none;
}
.Pin .pinDescriptionComment.detailed .userThumbContainer {
    margin-right: 15px;
    position: relative;
    width: 50px;
}
.Pin .pinDescriptionComment.detailed .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.Pin .pinDescriptionComment.detailed .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.Pin .pinDescriptionComment.detailed .commenterNameCommentText {
    margin-left: 65px;
}
.Pin .pinDescriptionComment.summary .userThumbContainer {
    margin-right: 6px;
    position: relative;
    width: 30px;
}
.Pin .pinDescriptionComment.summary .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.Pin .pinDescriptionComment.summary .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.Pin .pinDescriptionComment.summary .commenterNameCommentText {
    margin-left: 36px;
}
.Pin .pinDescriptionComment .userThumbContainer {
    float: left;
}
.Pin.summary .addCommentForm {
    display: inline-block;
    margin-bottom: 5px;
    width: 172px;
}
.Pin.summary .addCommentForm .content {
    border-radius: 2px;
}
.Pin.summary .addCommentForm .addComment {
    margin-top: 7px;
}
.Pin.summary .commentDescriptionContent {
    margin: 0 0 5px;
}
.Pin.summary .commenterNameCommentText {
    font-size: 11px;
    line-height: 15px;
    width: 172px;
}
.Pin.summary .commenterWrapper {
    line-height: 11px;
}
.Pin.summary .pinDescriptionCommentItem {
    border-radius: 0 0 6px 6px;
    padding: 0 14px 7px;
    position: relative;
}
.Pin.summary .pinDescriptionCommentItem:after {
    clear: both;
    content: "";
    display: table;
}
.Pin.detailed .pinUserCommentBox {
    border-top: 1px solid #e3e3e3;
}
.Pin.detailed .addCommentForm {
    margin-top: 5px;
}
.Pin.detailed .pinDescriptionComment {
    margin-bottom: 0;
    overflow: hidden;
    padding: 15px 20px;
}
.Pin.detailed .pinDescriptionComment .commentDescriptionCreator {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
}
.Pin.detailed .pinDescriptionComment .commentDescriptionTimeAgo {
    color: #999;
    font-size: 13px;
    font-weight: normal;
}
.Pin.detailed .pinDescriptionComment .commentDescriptionContent {
    color: #171717;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 600px;
}
.Pin.detailed .pinDescriptionComment .commentDescriptionContent a {
    color: #171717;
}
.Pin.detailed .pinDescriptionComment .content {
    border-radius: 6px;
    min-height: 40px;
}
.Pin .pinAttribution {
    color: #666;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Pin .pinAttribution a {
    color: #a7a7a7;
}
.Pin .pinAttribution img {
    height: 16px;
    margin-right: 2px;
    position: relative;
    width: 16px;
}
.Pin.detailed .closeupContentSection {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin-bottom: 14px;
    overflow: hidden;
}
.Pin.detailed .closeupContentSection .pinDescription {
    border-top: medium none;
}
.Pin.detailed .closeupContentSection .translateButton {
    display: block;
    float: right;
    font-size: 12px;
}
.Pin.detailed .closeupContentSection .translateButton.hidden {
    display: none;
}
.Pin.detailed .closeupContentSection .pinDescSourceCountsWrapper {
    border-top: 1px solid #e3e3e3;
    padding: 15px 50px 15px 20px;
    position: relative;
}
.Pin.detailed .closeupContentSection .source {
    color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    margin: 10px 0 15px;
}
.Pin.detailed .closeupContentSection .source a {
    color: #333;
}
.Pin.detailed .closeupContentSection .pinFlag2, .Pin.detailed .closeupContentSection .pinEdit2 {
    position: absolute;
    right: 20px;
    top: 15px;
}
.Pin.detailed .closeupContentSection .pinDesc {
    color: #333;
    font-size: 15px;
    line-height: 20px;
    word-wrap: break-word;
}
.Pin.detailed .closeupContentSection .PinCounts {
    margin-top: 10px;
}
.Pin.detailed .closeupContentSection .PinCounts:first-child {
    margin: 0;
}
.Pin.detailed .closeupContentSection .Board:before {
    box-shadow: none;
}
.Pin.detailed .pinnerViaPinnerCredit {
    border-top: 1px solid #e3e3e3;
}
.Pin.detailed .pinnerViaPinnerCredit:after {
    clear: both;
    content: "";
    display: table;
}
.Pin.detailed .pinnerViaPinnerCredit .Board, .Pin.detailed .pinnerViaPinnerCredit .User {
    float: left;
    padding: 15px 20px;
    width: 328px;
}
.Pin.detailed .pinnerViaPinnerCredit .Board:first-child, .Pin.detailed .pinnerViaPinnerCredit .User:first-child {
    border-right: 1px solid #e3e3e3;
    width: 327px;
}
.Pin.detailed .PinCommentList {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e3e3e3;
}
.Pin.detailed .PinCommentList:after {
    clear: both;
    content: "";
    display: table;
}
.Pin.detailed .PinCommentList:first-child {
    border-radius: 6px;
    border-top: 0 none;
}
.Pin.detailed .pinAttribution {
    color: #888;
    font-size: 13px;
    padding-top: 6px;
}
.Pin.detailed .pinAttribution img {
    position: relative;
    top: -1px;
}
.Pin.detailed .pinAttribution a {
    color: #888;
    font-weight: bold;
}
.Pin.detailed .pinAttribution a:hover {
    color: #a7151b;
}
.Pin.detailed .pinAttributionText {
    margin: 0;
    padding: 0;
}
.Pin.detailed .closeupAttributionLink {
    display: inline-block;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}
.Pin.detailed .viaPinner {
    color: #999;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0 0;
}
.Pin.detailed .viaPinner a {
    color: #454545;
}
.Pin.detailed .richPinProductAttribution {
    clear: both;
    font-size: 16px;
    margin-top: 11px;
}
.Pin.detailed .richPinProductAttribution .pinAttributionText {
    color: #333;
}
.Pin.detailed .richPinProductAttribution .pinAttributionText a {
    color: #333;
    font-weight: bold;
}
.Pin.detailed .richPinProductAttribution .pinAttributionText img {
    height: 16px;
    width: 16px;
}
.Pin.detailed .pinWrapper {
    position: relative;
    width: 736px;
}
.Pin.detailed .pinnerStats {
    color: #aaa;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 28px;
}
.Pin.detailed .pinUsers {
    overflow: hidden;
}
.Pin.detailed .pinUsers .User {
    padding: 28px 20px;
}
.Pin.detailed .pinDescription {
    border-top: 1px solid #e3e3e3;
    font-size: 17px;
    line-height: 23px;
}
.Pin.detailed .pinDescription.withStats {
    padding-bottom: 14px;
}
.Pin.detailed .pinSource a {
    color: #cb2027;
}
.Pin.summary .hoverMask {
    border-radius: 6px 6px 0 0;
    bottom: 0;
    box-shadow: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .Pin.summary .hoverMask {
    display: none !important;
}
.Pin.summary .pinHolder:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.Pin.summary .pinHolder:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.Pin.summary .creditItem {
    border-radius: 0 0 6px 6px;
    display: block;
    line-height: 14px;
    overflow: hidden;
    padding: 5px 14px;
}
.Pin.summary .creditItem .creditImg {
    border-radius: 2px;
    float: left;
    height: 30px;
    margin-right: 5px;
    position: relative;
    width: 30px;
}
.Pin.summary .creditItem .creditImg:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.Pin.summary .creditItem .creditImg img {
    border-radius: 3px;
    height: 30px;
    width: 30px;
}
.Pin.summary .creditItem .creditImg.user {
    border-radius: 50%;
    position: relative;
}
.Pin.summary .creditItem .creditImg.user:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.Pin.summary .creditItem .creditImg.user img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.Pin.summary .creditItem .pinCreditPlaceBoardIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -247px -88px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 10px;
    position: relative;
    text-shadow: none;
    top: -1px;
    vertical-align: middle;
    width: 7px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .creditItem .pinCreditPlaceBoardIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -183px -98px;
    background-size: 191px 187px;
}
}
.Pin.summary .creditItem .creditName {
    color: #717171;
    display: block;
    overflow: hidden;
    /* 
    text-overflow: ellipsis;
    white-space: nowrap;
    */
}
.Pin.summary .creditItem .creditName h3 {
    font-size: 16px;
    overflow: hidden;
    font-weight: normal;
    line-height: 25px;
    /*
    text-overflow: ellipsis;
    white-space: nowrap;
    */
}

#menu-gallery .Pin.summary .creditItem .creditName h3 {
    font-size: 13px;
    overflow: hidden;
    font-weight: normal;
}

#items-gallery .Pin.summary .creditItem .creditName h3 {
    font-size: 13px;
    overflow: hidden;
    font-weight: normal;
}

.Pin.summary .creditItem .creditTitle {
    color: #b7b7b7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Pin.summary .creditItem:active .creditTitle {
    color: #858585;
}
.Pin.summary .creditItem:active .creditName {
    color: #424242;
}
.Pin.summary .creditItem .span {
    vertical-align: middle;
}
.Pin.summary .pinCredits {
    border-top: 1px solid #e7e7e7;
    color: #777;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.Pin.summary .pinCredits.userBoardCondensed .creditName {
    margin-top: 2px;
}
.Pin.summary .pinDomain {
    bottom: 0;
    color: #f7f7f7;
    font-size: 12px;
    left: 0;
    margin-top: -6px;
    opacity: 0.5;
    overflow: hidden;
    padding: 0 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
    top: 50%;
    white-space: nowrap;
    z-index: 4;
}
.Pin.summary .pinCanonicalDescription {
    bottom: 0;
    color: #f7f7f7;
    font-size: 12px;
    height: 56px;
    left: 0;
    line-height: 150%;
    margin-top: -6px;
    opacity: 0.5;
    overflow: hidden;
    padding: 0 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
    top: 45%;
    white-space: normal;
    word-wrap: break-word;
    z-index: 4;
}
.Pin.summary .pinHolder {
    position: relative;
    z-index: 1;
}
.Pin.summary .pinImageWrapper {
    background: none repeat scroll 0 0 #eee;
    border-radius: 6px 6px 0 0;
    display: block;
    padding: 0;
    position: relative;
}
.Pin.summary .pinImageWrapper.collapsed {
    max-height: 800px;
    overflow: hidden;
}
.Pin.summary .pinImg {
    display: block;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    z-index: 5;
}
.Pin.summary .pinImg.noFade {
    opacity: 1;
}
.Pin.summary .pinImg.loaded {
    opacity: 1;
}
.Pin.summary .pinImg.fade {
    transition: opacity 0.04s linear 0s;
}
.Pin.summary .pinImg:hover {
    cursor: pointer;
}
.Pin.summary .pinImg.fullBleed {
    border-radius: 6px 6px 0 0;
}
.Pin.summary .pinDescription {
    color: #333;
    font-size: 13px;
    line-height: 17px;
    word-wrap: break-word;
    text-align: center;
}
#menu-gallery .Pin.summary .pinDescription a {
    display: inline;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 20px;
}
#menu-gallery .Pin.summary .pinDescription span.a {
    display: inline;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 20px;
}
#items-gallery .Pin.summary .pinDescription a {
    display: inline;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 20px;
}
.Pin.summary .pinDescription.richData {
    font-weight: bold;
}
.Pin.summary .pinSocialMeta {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
}
.Pin.summary .pinSocialMeta:after {
    clear: both;
    content: "";
    display: table;
}
.Pin.summary .pinSocialMeta .socialItem {
    background: none repeat scroll 0 0 transparent;
    color: #a7a7a7;
    display: inline-block;
    padding: 0 7px 0 0;
}
.Pin.summary .videoIndicator {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.Pin.summary .playIndicatorPill {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.68);
    border-radius: 15px;
    bottom: 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
    left: 10px;
    padding: 5px 10px;
    position: absolute;
    z-index: 101;
}
.Pin.summary .playIndicatorPill .state {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -247px -100px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 8px;
    margin-top: -1px;
    text-shadow: none;
    width: 6px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .playIndicatorPill .state {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -163px -96px;
    background-size: 191px 187px;
}
}
.Pin.summary .playIndicatorPill.playing {
    opacity: 0;
    transition: opacity 0.4s ease-out 0s;
}
.Pin.summary .playIndicatorPill.playing .state {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -248px -145px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 8px;
    text-shadow: none;
    width: 6px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .playIndicatorPill.playing .state {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -185px -22px;
    background-size: 191px 187px;
}
}
.Pin.summary:hover .playIndicatorPill.playing {
    opacity: 1;
}
.Pin.summary.summary {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    width: 220px;
}
.Pin.summary .pinWrapper {
    position: relative;
}
.Pin.summary .pinNavLink {
    border-bottom: 1px solid #eaeaea;
    color: #999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 10px 12px;
}
.Pin.summary .pinNavLink.navLinkOverlay {
    background-color: rgba(255, 255, 255, 0.85);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.2s ease 0s;
    z-index: 101;
}
.Pin.summary .pinNavLink.navLinkOverlay:hover {
    background-color: rgba(255, 255, 255, 0.95);
}
.Pin.summary .pinNavLink.navLinkOverlay.squished {
    display: none;
}
.Pin.summary .pinNavLink.navLinkOverlay .buttonText {
    color: #666;
    font-weight: 500;
}
.Pin.summary .pinNavLink em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -396px -570px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    width: 15px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .pinNavLink em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -512px -157px;
    background-size: 623px 491px;
}
}
.Pin.summary .pinNavLink .buttonText {
    display: block;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Pin.summary .pinMeta {
    padding: 6px 14px 7px;
}
.Pin.summary .pinMeta .pinDescription, .Pin.summary .pinMeta .pinAttribution, .Pin.summary .pinMeta .pinSocialMeta {
    margin: 5px 0;
}
.Pin.summary .pinMeta .pinDescription {
    padding: 0;
}
.Pin.summary .pinMeta .debugMacro {
    margin: -6px;
    padding: 2px;
}
.Pin.summary .richPinMeta {
    border-bottom: 1px solid #e0e0e0;
}
.Pin.summary .richPinMeta.noPinMeta {
    border-bottom: medium none;
}
.Pin.summary .richPinMeta .richPinMetaLink {
    display: block;
    overflow: hidden;
    padding: 5px 12px 6px;
}
.Pin.summary .richPinMeta .richPinIcon {
    border-radius: 2px;
    display: block;
    float: left;
    height: 16px;
    margin: 7px 0 1px;
    overflow: hidden;
    width: 16px;
}
.Pin.summary .richPinMeta .richPinGridTitle {
    clear: both;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    max-height: 68px;
    overflow: hidden;
    padding: 4px 0;
}
.Pin.summary .richPinMeta .richPinGridAttributionTitle {
    color: #aaa;
    float: left;
    font-weight: normal;
    margin: 9px 7px 7px 5px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Pin.summary .richPinMeta.hasMapButton {
    cursor: pointer;
    min-height: 52px;
    padding-right: 56px;
    position: relative;
}
.Pin.summary .richPinMeta.hasMapButton .richPinGridAttributionTitle {
    max-width: 124px;
}
.Pin.summary .addToMapText {
    color: #a9a9a9;
    font-size: 13px;
    font-weight: bold;
    padding: 18px 15px 0;
}
.Pin.summary .addToMapContainer, .Pin.summary .showOnMap {
    margin-top: -16px;
    position: absolute;
    right: 12px;
    top: 50%;
}
.Pin.summary .addToMapContainer {
    width: 212px;
}
.Pin.summary .inlineCreditItemWrapper {
    color: #aaa;
    display: block;
    margin: 0;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Pin.summary .inlineCreditItemWrapper.onlyItem {
    margin-top: 9px;
}
.Pin.summary .inlineCreditItemWrapper a {
    color: #555;
    font-weight: bold;
}
.Pin.summary .creditItem {
    line-height: 15px;
    padding: 10px 12px;
}
.Pin.summary .creditItem .creditTitle {
    display: block;
    overflow: hidden;
}
.Pin.summary .creditItem:hover {
    background: none repeat scroll 0 0 #f1f1f1;
}
.Pin.summary .creditItem:hover .creditTitle {
    color: #9c9c9c;
}
.Pin.summary .creditItem:hover .creditName {
    color: #595959;
}
.Pin.summary .creditItem:hover .creditName h3 {
    font-size: 16px;
    overflow: hidden;
    /*
    text-overflow: ellipsis;
    white-space: nowrap;
    */
}
.Pin.summary .creditItem.pinnedToBoard {
    background: none repeat scroll 0 0 #f5f5f5;
    font-size: 10px;
    padding-top: 10px;
}
.Pin.summary .creditItem.pinnedToBoard img {
    display: none;
}
.Pin.summary .creditItem.pinnedToBoard .creditName {
    display: inline;
    white-space: normal;
}
.Pin.summary .pinAttribution {
    padding: 0;
}
.Pin.summary .pinAttribution img {
    vertical-align: -4px;
}
.Pin.summary .pinImageWrapper {
    /* cursor: zoom-in; */
}
.Pin.summary .pinImageWrapper:after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    right: 0;
    z-index: 10;
}
.Pin.summary .sendPinGrid {
    float: left;
}
.Pin.summary .sendPinGrid.iconOnly {
    float: right;
}
.Pin.summary .sendPinGrid.iconOnly.noLikeButton {
    float: left;
}
.Pin.summary .repinSendButtonWrapper {
    left: 8px;
}
.Pin.summary .repinSendButtonWrapper .repinSmall {
    border: 1px solid #670f13;
    float: left;
}
.Pin.summary .likeEditButtonWrapper {
    right: 8px;
}
.Pin.summary .likeEditButtonWrapper .unlike.iconOnly {
    padding: 11px 8px 10px;
}
.Pin.summary .likeEditButtonWrapper .editPin {
    float: right;
    margin-left: 5px;
}
.Pin.summary .repinSendButtonWrapper, .Pin.summary .likeEditButtonWrapper {
    position: absolute;
    top: 8px;
    z-index: 101;
}
.Pin.summary .repinSendButtonWrapper .btn, .Pin.summary .likeEditButtonWrapper .btn {
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    font-size: 13px;
}
.Pin.summary .repinSendButtonWrapper .btn:hover, .Pin.summary .likeEditButtonWrapper .btn:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.Pin.summary .repinSendButtonWrapper .btn:active, .Pin.summary .likeEditButtonWrapper .btn:active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
}
.Pin.summary .pinHolder {
    cursor: pointer;
}
.Pin.summary .pinHolder:hover .pinImageWrapper:after {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}
.Pin.summary .pinHolder:active .pinImageWrapper:after {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
.Pin.summary .pinImageActionButtonWrapper {
    overflow: hidden;
    position: relative;
}
.Pin.summary .pinImageActionButtonWrapper .repinSendButtonWrapper, .Pin.summary .pinImageActionButtonWrapper .likeEditButtonWrapper, .Pin.summary .pinImageActionButtonWrapper .navLinkOverlay {
    opacity: 1;
}
.Pin.summary .pinImageActionButtonWrapper .repinSendButtonWrapper.visible, .Pin.summary .pinImageActionButtonWrapper .likeEditButtonWrapper.visible, .Pin.summary .pinImageActionButtonWrapper .navLinkOverlay.visible {
    opacity: 1;
}
.Pin.summary .pinImageActionButtonWrapper:hover .repinSendButtonWrapper, .Pin.summary .pinImageActionButtonWrapper:hover .likeEditButtonWrapper, .Pin.summary .pinImageActionButtonWrapper:hover .navLinkOverlay {
    opacity: 1;
}
.Pin.summary .iconMovieRichPin {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -76px -527px rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .iconMovieRichPin {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -100px -438px;
    background-size: 623px 491px;
}
}
.Pin.summary .iconProductRichPin {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -208px -527px rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .iconProductRichPin {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -42px -438px;
    background-size: 623px 491px;
}
}
.Pin.summary .iconRecipeRichPin {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -186px -527px rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .iconRecipeRichPin {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -21px -438px;
    background-size: 623px 491px;
}
}
.Pin.summary .iconArticleRichPin {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -98px -527px rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .iconArticleRichPin {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -517px -411px;
    background-size: 623px 491px;
}
}
.Pin.summary .iconPlaceRichPin {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -230px -527px rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
}
@media not all, (min-resolution: 144dpi) {
.Pin.summary .iconPlaceRichPin {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -79px -438px;
    background-size: 623px 491px;
}
}
.Pin.summary .richPinGridTitle {
    color: #666;
    margin: 0;
    padding: 3px 0 4px;
}
.placesBoard .Pin.mapFocus {
    box-shadow: 0 0 5px 3px #cb2027;
}
.Pin.boardPinsGrid .hoverMask, .Pin.visualObjectGrid .hoverMask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .Pin.boardPinsGrid .hoverMask, .ielt10 .Pin.visualObjectGrid .hoverMask {
    display: none !important;
}
.Pin.boardPinsGrid .boardPinsGridPin:hover .hoverMask, .Pin.visualObjectGrid .boardPinsGridPin:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.Pin.boardPinsGrid .boardPinsGridPin:active .hoverMask, .Pin.visualObjectGrid .boardPinsGridPin:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.Pin.boardPinsGrid .pinGridWrapper, .Pin.visualObjectGrid .pinGridWrapper {
    background: url("/webapp/style/app/desktop/images/boardPinsGridShadowBottom.bbcac9fc.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    overflow-y: scroll;
    position: relative;
    top: -3px;
}
.Pin.boardPinsGrid .boardPinsGridPin, .Pin.boardPinsGrid .visualObjectGridPin, .Pin.visualObjectGrid .boardPinsGridPin, .Pin.visualObjectGrid .visualObjectGridPin {
    background-color: #eee;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    width: 70px;
}
.Pin.boardPinsGrid .visualObjectGridPin, .Pin.visualObjectGrid .visualObjectGridPin {
    width: 106px;
}
.Pin.lite .likeSmall {
    visibility: hidden;
}
.Pin.lite .likeEditButtonWrapper, .Pin.lite .pinnerViaPinnerCredit, .Pin.lite .PinCommentList, .Pin.lite .sendPinGrid {
    display: none;
}
.Pin .pinImageSourceWrapper {
    position: relative;
}
.Pin .sourceFlagWrapper {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e3e3e3;
    height: 17px;
    padding: 11px 20px;
    width: 696px;
}
.Pin .sourceFlagWrapper a, .Pin .sourceFlagWrapper p {
    color: #444;
    display: block;
    float: left;
    font-size: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.33);
}
.Pin .sourceFlagWrapper p a {
    display: inline;
    float: none;
}
.Pin .sourceFlagWrapper .pinEdit, .Pin .sourceFlagWrapper .pinFlag {
    float: right;
    margin-top: 1px;
}
.Pin.tutorialHighlight .pinImageActionButtonWrapper .repinSendButtonWrapper {
    opacity: 1;
}
.Pin.tutorialHighlight .pinImageActionButtonWrapper .likeEditButtonWrapper, .Pin.tutorialHighlight .pinImageActionButtonWrapper .sendPinGrid {
    display: none;
}
.PinDragAndDrop {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: table;
    font-size: 48px;
    font-weight: bold;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.PinDragAndDrop .overlayText {
    display: table-cell;
    vertical-align: middle;
}
.PinDupWarning .pinnedToBoardWarning {
    background: linear-gradient(#fff7cb, #fff3b7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #e2e1d1;
    font-size: 16px;
    padding: 18px;
    text-shadow: 0 1px 0 #fff;
}
.PinDupWarning .pinnedToBoardWarning a {
    color: #cb2027;
}
.PinEdit {
    width: 735px;
}
.PinEdit .placeWrapper {
    overflow: hidden;
}
.PinEmail {
    width: 714px;
}
.PinEmail .standardForm ul {
    float: left;
    width: 481px;
}
.PinEmail .ui-PinPreview {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    float: right;
    height: 214px;
    margin: 15px 15px 0 0;
    overflow: hidden;
    position: relative;
    width: 216px;
}
.PinEmail .ui-PinPreview:after {
    border-radius: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 218px;
    left: 0;
    position: absolute;
    top: 0;
    width: 218px;
}
.PinEmail .ui-PinPreview img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.PinEmail .ui-PinPreview .videoIndicator {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.PinEmail .ui-PinPreview .playIndicatorPill {
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 10;
}
.PinEmail .ui-PinPreview .videoIndicator {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -464px -253px rgba(0, 0, 0, 0);
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
    width: 54px;
}
.PinForm .removePlace {
    float: right;
    margin-top: 7px;
}
.PinForm .removePlace span {
    color: #999;
}
.PinForm .socialShareWrapper {
    display: inline-block;
    margin-top: 9px;
}
.PinForm .socialShareWrapper span {
    font-weight: bold;
}
.PinForm .socialShareWrapper input {
    margin-right: 1px;
    position: relative;
    top: -1px;
}
.PinForm .socialShareWrapper .facebookInput {
    margin-right: 30px;
}
.PinForm .ui-PinPreview {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    float: right;
    height: 145px;
    margin: 15px 20px 0 0;
    overflow: hidden;
    position: relative;
    width: 145px;
}
.PinForm .ui-PinPreview:after {
    border-radius: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 147px;
    left: 0;
    position: absolute;
    top: 0;
    width: 147px;
}
.PinForm .ui-PinPreview img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.PinForm .ui-PinPreview .videoIndicator {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.PinForm .ui-PinPreview .playIndicatorPill {
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 10;
}
.PinForm .ui-PinPreview .videoIndicator {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -464px -253px rgba(0, 0, 0, 0);
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
    width: 54px;
}
.PinForm .standardForm > ul {
    margin-right: 167px;
}
.PinForm .standardForm > ul.placeFormWrapper {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 10px;
    margin-right: 0;
}
.PinForm .standardForm > ul.placeFormWrapper .loading input {
    background-position: 277px center;
}
.PinForm .standardForm > ul.placeFormWrapper .fields {
    width: 305px;
}
.PinForm .standardForm > ul.placeFormWrapper .fields:after {
    clear: both;
    content: "";
    display: table;
}
.PinForm .standardForm > ul.placeFormWrapper li {
    overflow: visible;
}
.PinForm .standardForm > ul.placeFormWrapper li.highlighted a {
    background: none repeat scroll 0 0 #fafafa;
}
.PinForm .standardForm > ul.placeFormWrapper li a {
    color: #333;
    font-size: 13px;
    padding: 12px;
}
.PinForm .standardForm > ul.placeFormWrapper li .typeaheadResultEmphasized, .PinForm .standardForm > ul.placeFormWrapper li .typeaheadResultMetaData {
    max-width: 280px;
}
.PinForm .formFooterButtons .savePinButton, .PinForm .formFooterButtons .repinSmall {
    float: right;
}
.PinForm.showLink .ui-PinPreview {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    float: right;
    height: 209px;
    margin: 15px 20px 0 0;
    overflow: hidden;
    position: relative;
    width: 209px;
}
.PinForm.showLink .ui-PinPreview:after {
    border-radius: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 211px;
    left: 0;
    position: absolute;
    top: 0;
    width: 211px;
}
.PinForm.showLink .ui-PinPreview img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.PinForm.showLink .ui-PinPreview .videoIndicator {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.PinForm.showLink .ui-PinPreview .playIndicatorPill {
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 10;
}
.PinForm.showLink .ui-PinPreview .videoIndicator {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -464px -253px rgba(0, 0, 0, 0);
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
    width: 54px;
}
.PinForm.showLink .standardForm > ul {
    margin-right: 231px;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 10px;
    margin-right: 0;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper .loading input {
    background-position: 277px center;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper .fields {
    width: 305px;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper .fields:after {
    clear: both;
    content: "";
    display: table;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper li {
    overflow: visible;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper li.highlighted a {
    background: none repeat scroll 0 0 #fafafa;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper li a {
    color: #333;
    font-size: 13px;
    padding: 12px;
}
.PinForm.showLink .standardForm > ul.placeFormWrapper li .typeaheadResultEmphasized, .PinForm.showLink .standardForm > ul.placeFormWrapper li .typeaheadResultMetaData {
    max-width: 280px;
}
.PinForm.showLink .formFooterButtons .savePinButton, .PinForm.showLink .formFooterButtons .repinSmall {
    float: right;
}
.PinForm .ui-ImageUploader {
    float: left;
    padding: 0;
}
.PinForm .ui-ImageUploader .Button.btn.large {
    float: left;
    padding-bottom: 8px;
    padding-top: 7px;
}
.PinForm .ui-ImageUploader .uploaderProgress {
    float: left;
    height: 22px;
    max-width: 294px;
    padding: 1px 8px 10px;
}
.PinForm .ui-ImageUploader .uploaderProgress span {
    margin-left: 0;
}
.PinForm .addPlace {
    margin-top: 6px;
    max-width: 525px;
    padding-bottom: 14px;
}
.PinForm .removePlaceButton {
    float: right;
    margin-top: 5px;
}
.Pinnable.add_to_map {
    cursor: pointer;
}
.Pinnable.add_to_map .pinImageWrapper {
    border-radius: 6px;
    display: table-cell;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.Pinnable.add_to_map .pinHolder {
    display: table;
    height: 152px;
    position: relative;
    width: 152px;
}
.Pinnable.add_to_map .pinHolder:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 152px;
    left: 0;
    position: absolute;
    top: 0;
    width: 152px;
}
.Pinnable.add_to_map .pinHolder img {
    border-radius: 3px;
    height: 152px;
    width: 152px;
}
.Pinnable.add_to_map .pinHolder img {
    border-radius: 0;
    height: 152px;
    width: auto;
}
.Pinnable.add_to_map .pinWrapper {
    position: relative;
}
.Pinnable.add_to_map .pinWrapper:active:before, .Pinnable.add_to_map .pinWrapper:hover:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.Pinnable.add_to_map .pinWrapper:hover .hoverSelectedStateIconWrapper {
    visibility: visible;
}
.PintreeEst .pintreeEstWrapper {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    margin-bottom: 14px;
    padding: 10px;
    width: 216px;
}
.PintreeEst .pintreeEstTitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.PintreeEst .pintreeEstContentWrapper {
    padding: 10px;
}
.PinUploader {
    width: 531px;
}
.PlaceBoardHeader.newBoardHeaderStyle {
    background-color: #fff;
    border-radius: 6px;
    margin-top: 0;
}
.PlaceBoardHeader.newBoardHeaderStyle .boardName {
    font-size: 27px;
    margin: 32px 20px 7px;
}
.PlaceBoardHeader.newBoardHeaderStyle .description {
    margin: 0 auto;
    max-width: 354px;
}
.PlaceBoardInfoBar.newBoardHeaderStyle {
    padding: 10px 0;
}
.PlaceSelector .addPlaceToPinForm {
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.PlaceSelector .addPlaceToPinForm.loading {
    min-height: 0;
}
.PlaceSelector .addPlaceToPinForm.ui-Typeahead {
    border-radius: 3px;
}
.PlaceSelector .addPlaceToPinForm.hidden {
    display: none;
}
.PlaceSelector .addPlaceToPinForm.loading .field {
    background: url("/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 100%;
    opacity: 1;
    width: 100%;
}
@media not all, (min-resolution: 144dpi) {
.PlaceSelector .addPlaceToPinForm.loading .field {
    background-image: url("/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif");
    background-position: 0 0;
    background-size: 16px 16px;
}
}
.PlaceSelector .addPlaceToPinForm .removePlace {
    display: none;
}
.PlaceSelector .addPlaceToPinForm.hasPlaceTags .removePlace {
    display: inline-block;
}
.PlaceSelector .placeFieldWrapper {
    position: relative;
}
.PlaceSelector .searchIcon {
    display: inline-block;
    left: 10px;
    position: absolute;
    top: 10px;
    vertical-align: middle;
    z-index: 49;
}
.PlaceSelector .searchIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 -192px rgba(0, 0, 0, 0);
    height: 17px;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.PlaceSelector .searchIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -80px;
    background-size: 191px 187px;
}
}
.PlaceSelector .GeoFeatureList {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 8px;
    padding-bottom: 4px;
}
.PlaceSelector .GeoFeatureList .labelWrapper {
    margin-left: 14px;
    margin-right: 14px;
}
.PlaceSelector .typeaheadCaret {
    left: 23px;
    top: -7px;
    z-index: 51;
}
.PlaceSelector .ui-Typeahead {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    top: 38px;
    z-index: 50;
}
.PlaceSelector .ui-Typeahead.placeField {
    border-radius: 3px;
}
.PlaceSelector .ui-Typeahead img {
    border-radius: 3px;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px;
}
.PlaceSelector .ui-Typeahead .content {
    float: left;
}
.PlaceSelector .ui-Typeahead .content.hasImage h4, .PlaceSelector .ui-Typeahead .content.hasImage p {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.PlaceSelector .ui-Typeahead .bullet {
    font-size: 10px;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li:first-child a:hover {
    border-radius: 3px 3px 0 0;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li:last-child a:hover {
    border-radius: 0 0 3px 3px;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li:last-child a {
    border-bottom-color: #e0e0e0;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li a {
    padding: 12px;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li .typeaheadResultEmphasized {
    color: #333;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li .typeaheadResultMetaData {
    color: #a5a5a5;
    font-size: 13px;
    font-weight: normal;
    margin-top: 1px;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li .searchInSpecificCity .typeaheadResultEmphasized {
    color: #333;
    font-size: 15px;
    font-weight: normal;
}
.PlaceSelector .ui-Typeahead.addPlaceToPinFormField li .searchInSpecificCity .category {
    color: #999;
    font-size: 15px;
    font-weight: normal;
}
.PlaceSelector .searchAroundWorld {
    background: none repeat scroll 0 0 #f0f0f0;
    border-top: 1px solid #ccc;
    padding-bottom: 7px;
    padding-top: 7px;
}
.PlaceSelector .searchAroundWorld:hover {
    background: none repeat scroll 0 0 #fafafa;
}
.PlaceSelector .addPlaceToPinForm {
    margin-left: 0;
}
.PlaceSelector .addPlaceToPinForm .field {
    padding: 9px 30px;
}
.Pulser {
    display: none;
    position: absolute;
    z-index: 1000;
}
.Pulser.fixed {
    position: fixed;
}
.Pulser .pulserImage {
    cursor: pointer;
    left: -50px;
    position: absolute;
    top: -54px;
}
.Pulser .pulserInner {
    background: url("/webapp/style/app/desktop/images/PulserInner-1x.4617e2b1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 146px;
    width: 146px;
}
.Pulser .pulserOuter {
    background: url("/webapp/style/app/desktop/images/PulserOuter-1x.0025898b.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 146px;
    width: 146px;
}
.QuestionCreate {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    padding: 15px 20px;
}
.QuestionCreate .createContent {
    position: relative;
}
.QuestionCreate .userThumbContainer {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.QuestionCreate .userThumbContainer img {
    border-radius: 50%;
}
.QuestionCreate form {
    margin-left: 65px;
}
.QuestionCreate .ui-TextField {
    font-size: 15px;
    margin-bottom: 3px;
}
.QuestionCreate .ui-TextField .content {
    border-radius: 6px;
    height: 50px;
    resize: vertical;
}
.QuestionCreate .ui-TextField .formErrorMessage {
    display: none;
}
.QuestionCreate .footer {
    display: none;
    margin-top: 10px;
}
.QuestionCreate.expanded .footer {
    display: inline-block;
}
.QuestionCreate .Counter {
    margin-left: 8px;
    vertical-align: middle;
}
.QuestionCreate .suggestions {
    display: none;
    float: right;
    width: 270px;
}
.QuestionCreate .suggestions li {
    padding: 5px 0;
}
.QuestionCreate .suggestions a {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
}
.QuestionCreate.showSuggestions .ui-TextField {
    margin-right: 290px;
}
.QuestionCreate.showSuggestions .suggestions {
    display: block;
}
.QuestionCreate.blankState #communityQuestionsHeading {
    margin-bottom: 20px;
}
.QuestionCreate.blankState #communityQuestionsHeading .communityQuestionsTitle {
    display: inline-block;
    vertical-align: middle;
}
.QuestionCreate.blankState #communityQuestionsHeading .communityQuestionsTitle h4 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}
.QuestionCreate.blankState #communityQuestionsHeading .communityQuestionsTitle div.repinCount {
    color: #999;
    font-size: 13px;
    font-weight: bold;
    margin-top: 8px;
}
.QuestionCreate.blankState #communityQuestionsHeading .questionsFacepile {
    display: inline-block;
    margin-left: 50px;
    min-width: 312px;
    vertical-align: middle;
}
.QuestionCreate.blankState #communityQuestionsHeading .questionsFacepile img {
    border-radius: 50%;
    height: 40px;
    margin: 0 1px;
    width: 40px;
}
.QuestionCreate.blankState .suggestions a {
    color: #999;
}
.Question .questionTitleCreator {
    margin-right: 112px;
    overflow: hidden;
    width: 565px;
}
.Question .deleted {
    color: #999;
}
.Question .questionCreatorName {
    color: #999;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    vertical-align: middle;
}
.Question .questionActions {
    margin-top: 10px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 15px;
    width: 100px;
}
.Question .questionActions .qaFlag, .Question .questionActions .qaEdit, .Question .questionActions .likesCount, .Question .questionActions .QALikeButton {
    vertical-align: middle;
}
.Question .questionActions .qaFlag, .Question .questionActions .qaEdit {
    display: none;
}
.Question .questionActions .likesCount {
    color: #999;
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
}
.Question .questionActions .likesCount.liked {
    color: #cb2027;
}
.Question .questionActions .QALikeButton {
    margin-left: 3px;
}
.QuestionEdit {
    width: 736px;
}
.QuestionEdit .formFooterButtons .Button {
    float: right;
    margin-left: 8px;
}
.Questions {
    width: 736px;
}
.Questions .questionListItem, .Questions .QuestionCreate {
    margin-top: 14px;
}
.Questions .QuestionCreate {
    display: none;
}
.Questions .userThumbContainer {
    position: absolute;
}
.Questions .userThumbContainer:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.Questions .userThumbContainer img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.RecentContacts .recentContactsWrapper {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    padding: 23px 14px 15px;
}
.RecentContacts .userWrapper {
    float: left;
    margin-right: 12px;
    width: 68px;
}
.RecentContacts .userWrapper.lastChild {
    margin-right: 0;
}
.RecentContacts .fakeUser.contact0 {
    opacity: 1;
}
.RecentContacts .fakeUser.contact1 {
    opacity: 0.8;
}
.RecentContacts .fakeUser.contact2 {
    opacity: 0.6;
}
.RecentContacts .fakeUser.contact3 {
    opacity: 0.4;
}
.RecFeedHomePage .noResults {
    font-size: 18px;
    font-weight: normal;
    margin-top: 54px;
    text-align: center;
    width: 100%;
}
.reg-ContextualSignup {
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 300px;
    width: 320px;
}
.reg-ContextualSignup.contextual {
    height: 440px;
    width: 640px;
}
.reg-ContextualSignup.contextual .csLeftContent {
    display: block;
    height: 440px;
}
.reg-ContextualSignup.contextual .csRightContent {
    border-radius: 0 6px 6px 0;
    float: right;
    height: 440px;
}
.reg-ContextualSignup.contextual .csRightContent .logo {
    margin-top: 100px;
}
.reg-ContextualSignup .csLeftContent {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px 0 0 6px;
    border-right: 1px solid #e1e7e5;
    box-shadow: 1px 0 0 #fff;
    display: none;
    float: left;
    height: 300px;
    overflow: hidden;
    text-align: center;
    width: 319px;
}
.reg-ContextualSignup .csLeftContent .csContent {
    margin: 0 auto;
    width: 236px;
}
.reg-ContextualSignup .csLeftContent.pinType .csContent, .reg-ContextualSignup .csLeftContent.pinnableType .csContent {
    height: 370px;
    overflow: hidden;
    position: relative;
    width: 276px;
}
.reg-ContextualSignup .csLeftContent.pinType .csItem, .reg-ContextualSignup .csLeftContent.pinnableType .csItem {
    margin: 90px auto 0;
    width: 236px;
}
.reg-ContextualSignup .csLeftContent.pinType .csItem img, .reg-ContextualSignup .csLeftContent.pinnableType .csItem img {
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.reg-ContextualSignup .csLeftContent.pinType .csItem.tall, .reg-ContextualSignup .csLeftContent.pinnableType .csItem.tall {
    margin-top: 60px;
}
.reg-ContextualSignup .csLeftContent.pinType .csItem.tall img, .reg-ContextualSignup .csLeftContent.pinnableType .csItem.tall img {
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.5);
}
.reg-ContextualSignup .csLeftContent.pinType .csItem.tall .csPinShadow, .reg-ContextualSignup .csLeftContent.pinnableType .csItem.tall .csPinShadow {
    background: url("/webapp/style/app/desktop/images/pin-shadow-1x.081fffa9.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    width: 276px;
}
@media not all, (min-resolution: 144dpi) {
.reg-ContextualSignup .csLeftContent.pinType .csItem.tall .csPinShadow, .reg-ContextualSignup .csLeftContent.pinnableType .csItem.tall .csPinShadow {
    background-image: url("/webapp/style/app/desktop/images/pin-shadow-2x.d56324c9.png");
    background-position: 0 0;
    background-size: 276px 30px;
}
}
.reg-ContextualSignup .csLeftContent.boardType .csContent {
    margin-top: 80px;
}
.reg-ContextualSignup .csLeftContent.userType .csContent {
    margin-top: 120px;
}
.reg-ContextualSignup .csLeftContent.userType .csInvite {
    margin-top: 50px;
}
.reg-ContextualSignup .csLeftContent.userType .csInvite h3 {
    margin-bottom: 5px;
}
.reg-ContextualSignup .csLeftContent.userType .csInviteEnvelope {
    background: url("/webapp/style/app/desktop/images/pin-invite-mail-1x.5cc8a444.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 132px;
    margin: 10px auto 0;
    width: 191px;
}
@media not all, (min-resolution: 144dpi) {
.reg-ContextualSignup .csLeftContent.userType .csInviteEnvelope {
    background-image: url("/webapp/style/app/desktop/images/pin-invite-mail-2x.4075094a.png");
    background-position: 0 0;
    background-size: 191px 132px;
}
}
.reg-ContextualSignup .csRightContent {
    background: none repeat scroll 0 0 #eff2f1;
    border-radius: 6px;
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 320px;
}
.reg-ContextualSignup .csRightContent .csContent {
    padding-top: 60px;
    text-align: center;
}
.reg-ContextualSignup .csRightContent .csContent .buttonWrapper {
    margin: 30px auto 0;
    text-align: center;
    width: 263px;
}
.reg-ContextualSignup .csRightContent .csContent .loginLine {
    margin-top: 15px;
}
.reg-ContextualSignup .csRightContent .csContent .logo {
    margin: 0 auto;
}
.reg-ContextualSignup .outerTermsOfServiceFooter {
    color: #ddd;
    display: none;
    font-size: 12px;
    margin: 10px auto 0;
    text-align: center;
    width: 280px;
}
.reg-ContextualSignup .outerTermsOfServiceFooter a {
    color: #ddd;
}
.reg-ContextualSignup .csSignupWall {
    margin: 0 auto;
    text-align: center;
    width: 280px;
}
.reg-ContextualSignup .csSignupWall .csButtons {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #d8e0dd #e1e7e5 #e1e7e5;
    border-image: none;
    border-radius: 6px;
    border-right: 1px solid #e1e7e5;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px #eff2f1 inset;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 220px;
}
.reg-ContextualSignup .csSignupWall .csButtons .Button {
    display: inline-block;
    margin: 0 3px;
}
.reg-ContextualSignup .csSignupWall h3, .reg-ContextualSignup .csInvite h3 {
    color: #333;
    font-family: "Abril-Regular","Georgia";
    font-size: 27px;
    font-weight: normal;
    line-height: 35px;
    margin: 20px 0;
}
.reg-ContextualSignup .csSignupWall h3.longInterest, .reg-ContextualSignup .csInvite h3.longInterest {
    font-size: 24px;
    line-height: 32px;
}
.reg-ContextualSignup .csSignupOptions {
    margin: 0 auto;
    text-align: center;
}
.reg-ContextualSignup .csSignupOptions .Button {
    display: block;
    margin: 10px auto;
    width: 260px;
}
.reg-ContextualSignup .csSignupOptions .csBusinessSignup, .reg-ContextualSignup .csSignupOptions .csLogin {
    color: #525252;
    font-size: 11px;
}
.reg-ContextualSignup .csSignupOptions .csBusinessSignup {
    display: block;
    font-weight: bold;
}
.reg-ContextualSignup .csSignupOptions .csButtons {
    margin-top: 30px;
}
.reg-ContextualSignup .csSignupOptions .csLogin {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
}
.reg-ContextualSignup .csSignupOptions .csLogin a {
    font-weight: bold;
}
.reg-ContextualSignup .csSignupForm {
    padding: 0 30px;
}
.reg-ContextualSignup.wallStep .csSignupWall {
    display: block;
}
.reg-ContextualSignup.wallStep .csSignupOptions {
    display: none;
}
.reg-ContextualSignup.wallStep .csSignupForm {
    display: none;
}
.reg-ContextualSignup.optionsStep .csSignupWall {
    display: none;
}
.reg-ContextualSignup.optionsStep .csSignupOptions {
    display: block;
}
.reg-ContextualSignup.optionsStep .csSignupForm {
    display: none;
}
.reg-ContextualSignup.signupStep .csRightContent {
    height: 440px;
}
.reg-ContextualSignup.signupStep .csContent .logo {
    margin-top: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.reg-ContextualSignup.signupStep .csSignupWall {
    display: none;
}
.reg-ContextualSignup.signupStep .csSignupOptions {
    display: none;
}
.reg-ContextualSignup.signupStep .csSignupForm {
    display: block;
}
.reg-ContextualSignup.redesign {
    text-align: left;
}
.reg-ContextualSignup.redesign .csRightContent {
    background: none repeat scroll 0 0 #fff;
}
.reg-ContextualSignup.redesign .csRightContent .csContent {
    padding-top: 30px;
    text-align: left;
}
.reg-ContextualSignup.redesign .csRightContent .csContent .csSignupWall {
    margin: 0;
    text-align: left;
    width: 275px;
}
.reg-ContextualSignup.redesign .csRightContent .csContent .csSignupWall .logo, .reg-ContextualSignup.redesign .csRightContent .csContent .csSignupWall h3 {
    font-family: "Helvetica Neue","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin-left: 30px;
}
.reg-ContextualSignup.redesign .csRightContent .csContent .csSignupWall .csButtons {
    background: none repeat scroll 0 0 #eff2f1;
    border-left-style: none;
    border-right-style: none;
    border-top: 1px solid #d8e0dd;
    bottom: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    width: 100%;
}
.reg-ContextualSignup.redesign .csRightContent .csContent .csSignupWall .csButtons .btn:first-child {
    margin-left: 30px;
}
.reg-ContextualSignupSenderInfo .csDivider {
    border-bottom: 1px solid white;
    border-top: 1px solid #ccc;
    margin: 10px auto;
    width: 180px;
}
.reg-ContextualSignupSenderInfo .csPinnerImage {
    height: 50px;
    margin-top: 12px;
    width: 50px;
}
.reg-ContextualSignupSenderInfo .csSendInfo {
    font-size: 10pt;
}
.reg-SignupForm {
    text-align: left;
}
.reg-SignupForm .sfEmailHeader {
    color: #525252;
    font-size: 19px;
    margin-bottom: 15px;
}
.reg-SignupForm .sfUser {
    margin: 20px auto 0;
    text-align: center;
}
.reg-SignupForm .sfUserImage {
    height: 100px;
    margin: auto;
    position: relative;
    width: 100px;
}
.reg-SignupForm .sfUserImage:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
}
.reg-SignupForm .sfUserImage img {
    border-radius: 3px;
    height: 100px;
    width: 100px;
}
.reg-SignupForm .sfUserImage img {
    border-radius: 3px;
    height: 100px;
}
.reg-SignupForm .sfUserImage .sfConnected {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    bottom: 5px;
    color: #fff;
    left: 5px;
    padding: 4px 0;
    position: absolute;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    width: 90px;
}
.reg-SignupForm .sfConnectedTitle {
    color: #333;
    font-size: 19px;
    margin: 20px;
}
.reg-SignupForm .sfSubmitButton {
    margin: 10px 0;
}
.reg-SignupForm .sfSmall label, .reg-SignupForm .sfSmall {
    color: #525252;
    font-size: 10px;
}
.RelatedBoards {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    width: 236px;
}
.RelatedBoards h2 {
    border-bottom: 1px solid #dfdfdf;
    color: #5f5f5f;
    padding: 10px 15px;
}
.RelatedBoards li {
    clear: both;
    height: 30px;
    padding: 5px 15px;
}
.RelatedBoards li .thumbImageWrapper, .RelatedBoards li .boardTitle {
    display: inline-block;
    float: left;
}
.RelatedBoards li .thumbImageWrapper {
    height: 30px;
    margin-right: 10px;
    position: relative;
    width: 30px;
}
.RelatedBoards li .thumbImageWrapper:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.RelatedBoards li .thumbImageWrapper img {
    border-radius: 3px;
    height: 30px;
    width: 30px;
}
.RelatedBoards li .thumbImageWrapper img {
    vertical-align: top;
}
.RelatedBoards li .boardTitle {
    margin-top: 7px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 166px;
}
.RelatedBoards li:first-child {
    padding-top: 15px;
}
.RelatedBoards li:last-child {
    padding-bottom: 15px;
}
.RelatedInterests {
    height: 32px;
    margin: 15px auto 5px;
    max-width: 900px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.RelatedInterests .interest {
    background: linear-gradient(#f3f3f3, #e9e9e9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bbb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 1px 0 white inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    margin-left: 5px;
    padding: 4px 10px 5px;
    position: relative;
    transition: color 0.2s linear 0s;
}
.RelatedInterests .interest:first-child {
    margin-left: 0;
}
.RelatedInterests .interest:hover {
    background: linear-gradient(#fff, #eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #cb2027;
    text-decoration: none;
}
.RelatedInterests .interest:active, .RelatedInterests .interest.active, .RelatedInterests .interest.active:hover {
    background: none repeat scroll 0 0 #e1e1e1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}
.RelatedInterests .interest.active, .RelatedInterests .interest.active:hover {
    color: #333;
}
.RelatedRecipe .relatedRecipeWrapper {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    padding: 10px;
    width: 216px;
}
.RelatedRecipe .relatedRecipeLinkWrapper {
    display: block;
}
.RelatedRecipe .relatedRecipeName {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 8px 0 1px;
    padding: 2px 0;
    position: relative;
}
.RelatedRecipe .relatedRecipeSubtitle {
    color: #8e8e8e;
    font-size: 12px;
    margin-left: 3px;
}
.RelatedRecipe .relatedRecipeRow:after {
    clear: both;
    content: "";
    display: table;
}
.RemoveUserFromBoardDialog .ban {
    font-weight: bold;
}
.RemoveUserFromBoardDialog .banUserWrapper {
    border-top: 1px solid #e7e7e7;
    margin: 21px -21px 0;
    padding: 21px 21px 0;
}
.RemoveUserFromBoardDialog .helpText {
    margin-left: 16px;
}
.ReplyCreate {
    padding: 15px 20px;
}
.ReplyCreate .createContent {
    position: relative;
}
.ReplyCreate .userThumbContainer {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.ReplyCreate .userThumbContainer img {
    border-radius: 50%;
}
.ReplyCreate form {
    margin-left: 65px;
}
.ReplyCreate .ui-TextField {
    font-size: 15px;
    margin-bottom: 3px;
}
.ReplyCreate .ui-TextField .content {
    border-radius: 6px;
    height: 50px;
    resize: vertical;
}
.ReplyCreate .ui-TextField .formErrorMessage {
    display: none;
}
.ReplyCreate .footer {
    display: none;
    margin-top: 10px;
}
.ReplyCreate.expanded .footer {
    display: inline-block;
}
.ReplyCreate .Counter {
    margin-left: 8px;
    vertical-align: middle;
}
.ReplyCreate .createContent {
    margin-left: 65px;
}
.Reply {
    min-height: 50px;
    padding: 15px 20px;
}
.Reply .userThumbContainer {
    display: block;
    left: 20px;
    margin-left: 65px;
    position: absolute;
    top: 15px;
    width: 50px;
}
.Reply .userThumbContainer img {
    border-radius: 50%;
}
.Reply .replyBody {
    margin: 0 115px 0 130px;
}
.Reply .replyContent {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    word-wrap: break-word;
}
.Reply .replyActions {
    margin-top: 17px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 15px;
    width: 100px;
}
.Reply .replyActions .qaFlag, .Reply .replyActions .qaEdit, .Reply .replyActions .likesCount, .Reply .replyActions .QALikeButton {
    vertical-align: middle;
}
.Reply .replyActions .qaFlag, .Reply .replyActions .qaEdit {
    display: none;
}
.Reply .replyActions .likesCount {
    color: #999;
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
}
.Reply .replyActions .likesCount.liked {
    color: #cb2027;
}
.Reply .replyActions .QALikeButton {
    margin-left: 3px;
}
.Reply:hover .replyActions .qaFlag, .Reply:hover .replyActions .qaEdit {
    display: inline-block;
}
.ReplyEdit {
    width: 736px;
}
.ReportBug {
    width: 500px;
}
.RichPinDebugger h1 {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin-bottom: 52px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.RichPinDebugger .standardForm {
    margin-bottom: 15px;
    width: 900px;
}
.RichPinDebugger .standardForm input {
    width: 800px;
}
.RichPinDebugger .content {
    margin: 0 auto;
    width: 900px;
}
.RichPinDebugger .content .menu {
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%;
}
.RichPinDebugger .content .menu li {
    font-size: 16px;
    width: auto;
}
.RichPinDebugger .content li {
    float: left;
    font-weight: normal;
    margin-bottom: 3px;
    margin-right: 20px;
    width: 100%;
}
.RichPinDebugger .content li .selected {
    font-weight: bold;
    text-decoration: underline;
}
.RichPinDebugger .content h3 {
    display: inline;
    font-size: 14px;
}
.RichPinDebugger .content .level0 h3 {
    font-size: 16px;
    margin-right: 6px;
}
.RichPinDebugger .content .level2 {
    font-size: 13px;
}
.RichPinDebugger .content .section li.level0 {
    margin-bottom: 8px;
}
.RichPinDebugger .content .subsection .RichPinDebuggerItem {
    border-top: 1px solid #d6d3ce;
}
.RichPinDebugger .content .value {
    font-size: 13px;
}
.RichPinDebuggerItem {
    float: left;
    padding: 10px;
    width: 100%;
}
.RichTextField .fieldContainer {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset;
    box-sizing: border-box;
}
.RichTextField .fieldContainer.focused {
    background-color: #fafafa;
    border: 1px solid #c3c3c3;
}
.RichTextField .fieldContainer .content {
    border-width: 0;
    box-shadow: none;
    resize: none;
}
.RichTextField .fieldContainer .content:focus {
    border-width: 0;
}
.RichTextField .fieldContainer .formErrorMessage {
    margin-left: 10px;
}
.RichTextField .fieldContainer .textFieldAttachment {
    display: none;
    margin: 20px;
    position: relative;
}
.RichTextField .fieldContainer .textFieldAttachment .removeAttachment {
    color: #999;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
}
.RightHeader {
    background-color: #fff;
}
.RightHeader.guided {
    width: 100%;
}
.RightHeader.guided .userMenuWrapper {
    margin-right: 42px;
    overflow: visible;
}
.ScrollToTop {
    bottom: -10px;
    position: fixed;
    left: 0px;
    transform: translateY(80px);
    transition: opacity 0.3s ease 0s, transform 0.25s ease 0s;
    visibility: hidden;
    z-index: 751;
}
.ScrollToTop.fade {
    opacity: 0;
    transition: opacity 0.3s ease 0s;
}
.ScrollToTop.visible {
    transform: translateY(0px);
    visibility: visible;
}
.ScrollToTop.disallowed {
    visibility: hidden;
}
.SearchGuidesBar {
    background-color: #222;
}
.SearchGuidesBar .guidesWrapper {
    background-color: #222;
    box-shadow: 0 1px #f4f4f4;
    height: 85px;
    overflow: hidden;
    position: relative;
}
.SearchGuidesBar .guidesWrapper .guidesSlider {
    height: 120px;
    overflow-x: scroll;
    overflow-y: hidden;
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer {
    height: 85px;
    overflow: hidden;
    padding: 0 7px;
    position: relative;
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer li {
    float: left;
    margin: 15px 0;
    width: 125px;
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer {
    cursor: pointer;
    min-width: 111px;
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImgMask {
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.33) inset;
    height: 55px;
    position: absolute;
    width: 111px;
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImgMask:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImg {
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    height: 55px;
    min-width: 111px;
}
.SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideText {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    margin-left: -112px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
    vertical-align: middle;
    width: 107px;
}
.SearchGuidesBar .guidesWrapper .navigator {
    -moz-user-select: none;
    display: none;
    height: 85px;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 185px;
}
.SearchGuidesBar .guidesWrapper .navigator.left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #222222 90%);
    left: 0;
}
.SearchGuidesBar .guidesWrapper .navigator.left em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -282px -92px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 85px;
    width: 35px;
}
@media not all, (min-resolution: 144dpi) {
.SearchGuidesBar .guidesWrapper .navigator.left em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -408px -86px;
    background-size: 623px 491px;
}
}
.SearchGuidesBar .guidesWrapper .navigator.left em:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -448px -87px rgba(0, 0, 0, 0);
    height: 85px;
    width: 35px;
}
@media not all, (min-resolution: 144dpi) {
.SearchGuidesBar .guidesWrapper .navigator.left em:hover {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -444px -86px;
    background-size: 623px 491px;
}
}
.SearchGuidesBar .guidesWrapper .navigator.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #222222 90%);
    right: 0;
    text-align: right;
}
.SearchGuidesBar .guidesWrapper .navigator.right em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -411px -87px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 85px;
    width: 35px;
}
@media not all, (min-resolution: 144dpi) {
.SearchGuidesBar .guidesWrapper .navigator.right em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -372px -86px;
    background-size: 623px 491px;
}
}
.SearchGuidesBar .guidesWrapper .navigator.right em:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -374px -87px rgba(0, 0, 0, 0);
    height: 85px;
    width: 35px;
}
@media not all, (min-resolution: 144dpi) {
.SearchGuidesBar .guidesWrapper .navigator.right em:hover {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -281px -91px;
    background-size: 623px 491px;
}
}
.SearchInfoBar {
    margin-top: 20px;
}
.SearchInfoBar .searchScope {
    float: left;
}
.SearchInfoBar li {
    border-right: 1px solid #cdcdcd;
    float: left;
}
.SearchInfoBar .headerText {
    float: right;
}
.SearchInputToken {
    float: left;
    height: 32px;
}
.SearchInputToken.tokenSelected .tokenContainer {
    background-color: #cb2027 !important;
}
.SearchInputToken .tokenContainer {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) repeat scroll 0 0 #575757;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 26px;
    letter-spacing: -0.01em;
    margin: 3px 3px 3px 0;
}
.SearchInputToken .tokenContainer span {
    border-radius: 6px 0 0 6px;
    box-sizing: border-box;
    float: left;
    height: 26px;
    padding: 4px 8px 6px;
}
.SearchInputToken .tokenContainer span:hover {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.SearchInputToken .tokenContainer span.remove {
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0 6px 6px 0;
    float: left;
    padding: 9px 6px 6px 5px;
}
.SearchInputToken .tokenContainer span.remove em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -309px -588px rgba(0, 0, 0, 0);
    display: block;
    height: 8px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.SearchInputToken .tokenContainer span.remove em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -564px -476px;
    background-size: 623px 491px;
}
}
.SearchPage .debugMacro {
    margin: 10px;
    padding: 5px;
}
.SearchPage .oneBoxContainer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.SearchPage .placeBoardSearch {
    color: #333;
    font-size: 13px;
    margin-bottom: -7px;
    margin-top: 14px;
    padding-left: 14px;
}
.SearchPage .placeBoardSearch a {
    color: #333;
}
.SearchScopeSelector {
    width: 236px;
}
.SearchScopeSelector h2 {
    font-weight: 700;
    padding: 12px 0 10px 14px;
}
.SearchScopeSelector ul {
    padding: 10px 14px;
}
.SearchScopeSelector .learnMore {
    color: #333;
    display: block;
    margin-bottom: 10px;
    margin-left: 14px;
    margin-top: 14px;
}
.SearchScopeSelector .subhead {
    margin-top: 5px;
}
.SearchScopeSelector .boardSearchImage {
    background: url("/webapp/style/app/desktop/images/board_search_helper-1x.c5793cbf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    height: 90px;
    margin-left: 14px;
    margin-top: 14px;
    width: 206px;
}
@media not all, (min-resolution: 144dpi) {
.SearchScopeSelector .boardSearchImage {
    background-image: url("/webapp/style/app/desktop/images/board_search_helper-2x.cdf23d29.png");
    background-position: 0 0;
    background-size: 206px 90px;
}
}
.SearchScopeSelector li {
    font-weight: bold;
    padding: 5px 0;
}
.SearchScopeSelector li label input {
    margin-right: 5px;
}
.SearchScopeSelector .gridItem {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.SearchScopeSelector .gridItem h2 {
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0 10px 14px;
}
.SearchScopeSelector .gridItem.hasMargin {
    margin-top: 14px;
}
.SearchScopeSelector .categoryItem {
    display: block;
    line-height: 14px;
    overflow: hidden;
}
.SearchScopeSelector .categoryItem .categoryImg {
    border-radius: 3px;
    float: left;
    height: 45px;
    margin-right: 7px;
    width: 45px;
}
.SearchScopeSelector .categoryItem .categoryTopic {
    color: #717171;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.SearchScopeSelector .categoryItem .categoryName {
    color: #b7b7b7;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.SendObjectBase {
    overflow-y: hidden;
    width: 320px;
}
.isEmpty .SendObjectBase .ConversationsList {
    overflow: visible;
}
.SendObjectBase li:first-child {
    padding-top: 0;
}
.SendObjectBase li:last-child {
    padding-bottom: 0;
}
.SendObjectBase .convosTitle {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    height: 1em;
    margin-top: -0.5em;
    max-width: 285px;
    overflow: hidden;
    padding-left: 4px;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    white-space: nowrap;
}
.SendObjectBase textarea, .SendObjectBase input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f8f8f8;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    display: block;
    font-size: 13px;
    margin-top: 0;
    padding: 10px;
    width: 100%;
}
.SendObjectBase textarea:focus, .SendObjectBase input:focus {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
}
.SendObjectBase .message {
    height: 32px;
    resize: none;
    width: 300px;
}
.SendObjectBase .searchBox {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
}
.SendObjectBase .searchBox input {
    border-bottom: 1px solid #ddd;
}
.SendObjectBase .sendObjectFilter {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.SendObjectBase .sendObjectFilter li:first-child {
    padding-top: 0;
}
.SendObjectBase .sendObjectFilter li:last-child {
    padding-bottom: 0;
}
.SendObjectBase .spinner {
    background: url("/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    height: 16px;
    opacity: 0.5;
    right: 10px;
    top: 64px;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.SendObjectBase .spinner {
    background-image: url("/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif");
    background-position: 0 0;
    background-size: 16px 16px;
}
}
.SendObjectBase .spinner.visible {
    display: block;
    position: absolute;
}
.SendObjectBase .ui-Typeahead {
    animation: 0s ease 0s normal none 1 none;
    box-shadow: none;
}
.SendObjectBase .ui-Typeahead .left {
    float: left;
    margin-right: 10px;
}
.SendObjectBase .ui-Typeahead li {
    border-bottom: 1px solid #e7e7e7;
}
.SendObjectBase .ui-Typeahead li:first-child {
    padding-top: 0;
}
.SendObjectBase .ui-Typeahead li:last-child {
    padding-bottom: 0;
}
.SendObjectBase .ui-Typeahead li a {
    margin: 0;
}
.SendObjectBase .ui-Typeahead li.highlighted a {
    background-color: #eeeeee;
}
.SendObjectBase .ui-Typeahead .title {
    color: #717171;
    margin-top: 4px;
}
.SendObjectBase .ui-Typeahead .subtitle {
    color: #b7b7b7;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 2px;
}
.SendObjectBase .ui-Typeahead .right {
    float: left;
}
.SendObjectBase .ui-Typeahead img {
    border-radius: 50%;
    width: 34px;
}
.SendObjectBase .ConversationsList {
    height: 288px;
    overflow-y: auto;
}
.SendObjectBase .title {
    font-size: 13px;
    font-weight: 700;
}
.SentPin .sentPinTop {
    background-color: #fff;
    padding-top: 20px;
}
.SentPin .sentPinTop .sentPinInfo {
    margin: 40px auto -70px;
    width: 50%;
}
.SentPin .sentPinTop .sentPinWrapper {
    box-shadow: 0 0 10px 0 #696969;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    position: relative;
    width: 236px;
    z-index: 750;
}
.SentPin .morePins {
    bottom: 5px;
    margin-left: 15%;
    position: sticky;
}
.SentPin .morePins .downArrow {
    background: url("/webapp/style/sprites/webapp-desktop-unauth-1x.174dcf5d.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 74px;
    margin-left: 100px;
    text-shadow: none;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.SentPin .morePins .downArrow {
    background-image: url("/webapp/style/sprites/webapp-desktop-unauth-2x.8890df57.png");
    background-position: 0 0;
    background-size: 197px 74px;
}
}
.SentPin .morePins .morePinsLabel {
    color: #aaa;
    font-size: 26px;
}
.SentPinRegistration {
    display: table;
    min-height: 440px;
}
.SentPinRegistration .leftContent {
    background: none repeat scroll 0 0 #eff2f1;
    border-right: 1px solid #e1e7e5;
    display: table-cell;
    min-height: 440px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: middle;
    width: 319px;
}
.SentPinRegistration .leftContent .sentPinWrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 236px;
}
.SentPinRegistration .rightContent {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    text-align: center;
    width: 320px;
}
.SentPinRegistration .rightContent .logo {
    background: url("/webapp/style/sprites/webapp-desktop-unauth-1x.174dcf5d.png") no-repeat scroll -40px 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 39px;
    margin-top: 100px;
    text-shadow: none;
    width: 158px;
}
@media not all, (min-resolution: 144dpi) {
.SentPinRegistration .rightContent .logo {
    background-image: url("/webapp/style/sprites/webapp-desktop-unauth-2x.8890df57.png");
    background-position: -39px 0;
    background-size: 197px 74px;
}
}
.SentPinRegistration .rightContent .discoverHeader {
    font-size: 26px;
    margin-bottom: 36px;
}
.SentPinSender {
    text-align: center;
}
.SentPinSender .avatar {
    margin-bottom: 20px;
    margin-top: 20px;
}
.SentPinSender .avatar img {
    border-radius: 50px;
}
.SentPinSender .logo {
    background: url("/webapp/style/sprites/webapp-desktop-unauth-1x.174dcf5d.png") no-repeat scroll -40px 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 39px;
    text-shadow: none;
    width: 158px;
}
@media not all, (min-resolution: 144dpi) {
.SentPinSender .logo {
    background-image: url("/webapp/style/sprites/webapp-desktop-unauth-2x.8890df57.png");
    background-position: -39px 0;
    background-size: 197px 74px;
}
}
.SentPinSender .senderInfo {
    font-size: 38px;
}
.SentPinSender .signupInfo {
    color: gray;
    font-size: 26px;
    margin-bottom: 40px;
    margin-top: 10px;
}
.TextContainer {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 15px;
}
.Toast {
    background: none repeat scroll 0 0 #292929;
    box-sizing: border-box;
    color: #9e9e9e;
    display: block;
    font-size: 13px;
    margin-left: 14px;
    padding: 12px;
    width: 236px;
    z-index: 669;
}
.Toast h1 {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}
.TrademarkForm .instructions {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.TrademarkForm .instructions > div {
    border-top: 1px solid #dfdfdf;
    padding: 15px 21px 15px 27px;
}
.TrademarkForm .instructions > div:first-child {
    border: 0 none;
}
.TrademarkForm .agentFields {
    display: none;
}
.TrademarkForm .transferField {
    display: none;
}
.TrademarkForm .infringingURLs > li {
    margin-bottom: 10px;
}
.TrademarkForm .formFooter {
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.fastFollowIntroHighlight {
    background: none repeat scroll 0 0 #fff;
    color: #777;
    display: block;
    font-size: 12px;
    overflow: hidden;
    width: 156px;
}
.fastFollowIntroHighlight:first-child {
    padding-top: 5px;
}
.fastFollowIntroHighlight:last-child {
    padding-bottom: 5px;
}
.fastFollowIntroHighlight a {
    color: #777;
    cursor: pointer;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 9px 14px;
}
.fastFollowIntroHighlight a:hover {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #333;
}
.fastFollowIntroHighlight a:active {
    background: none repeat scroll 0 0 #eaeaea;
}
.findFriendsIntroHighlightMenu {
    background: none repeat scroll 0 0 #fff;
    color: #777;
    display: block;
    font-size: 12px;
    overflow: hidden;
    width: 156px;
}
.findFriendsIntroHighlightMenu:first-child {
    padding-top: 5px;
}
.findFriendsIntroHighlightMenu:last-child {
    padding-bottom: 5px;
}
.findFriendsIntroHighlightMenu a {
    color: #777;
    cursor: pointer;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 9px 14px;
}
.findFriendsIntroHighlightMenu a:hover {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #333;
}
.findFriendsIntroHighlightMenu a:active {
    background: none repeat scroll 0 0 #eaeaea;
}
.firstBoardIntroTutorial .firstBoardIntroHighlight {
    background: none repeat scroll 0 0 #ddd;
    border: 0 none;
}
.firstBoardIntroTutorial .firstBoardIntroHighlight:hover {
    background-color: #bbb;
}
.firstPinIntroHighlight {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    font-size: 11px;
}
.firstPinIntroHighlight a {
    margin: 0;
    padding: 0;
}
.modalPinIntro .positionModuleElement.bigCaret.positionLeft {
    margin-left: -20px;
}
.modalPinIntro .previousButton {
    display: none;
}
.pinterestLogoStepBackground {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    height: 104px;
    margin-left: -9px;
    padding: 10px;
    position: fixed;
    width: 104px;
    z-index: 752;
}
.ModalPinIntro .tip {
    font-style: italic;
}
.samplePinTutorialStep {
    background: url("/webapp/style/app/desktop/images/sample_pin-1x.35c1f69c.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    display: block;
    height: 473px;
    margin: 15px 22px;
    position: relative;
    width: 236px;
    z-index: 99998;
}
@media not all, (min-resolution: 144dpi) {
.samplePinTutorialStep {
    background-image: url("/webapp/style/app/desktop/images/sample_pin-2x.a730e453.jpg");
    background-position: 0 0;
    background-size: 236px 473px;
}
}
.tutorials-ModalPlacePinsIntro .formFooter .formFooterButtons {
    float: none;
}
.tutorials-ModalPlacePinsIntro .formFooter .formFooterButtons .previousButton {
    float: left;
    margin-left: 0;
}
.tutorials-ModalPlacePinsIntro .formFooter .formFooterButtons .primary {
    float: right;
}
.modalQuestionIntroHighlighted {
    background-color: #eaeaea;
    margin: -10px 0 0 -10px;
    overflow: visible;
    padding: 10px;
}
.seeProfileIntroHighlight {
    background: none repeat scroll 0 0 #fff;
    color: #777;
    display: block;
    font-size: 12px;
    overflow: hidden;
    width: 156px;
}
.seeProfileIntroHighlight:first-child {
    padding-top: 5px;
}
.seeProfileIntroHighlight:last-child {
    padding-bottom: 5px;
}
.seeProfileIntroHighlight a {
    color: #777;
    cursor: pointer;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 9px 14px;
}
.seeProfileIntroHighlight a:hover {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #333;
}
.seeProfileIntroHighlight a:active {
    background: none repeat scroll 0 0 #eaeaea;
}
.visualObjectSearchIntroTutorial .visualSearchObjectTagClickTarget {
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    width: 50px;
}
.visualObjectSearchIntroTutorial .visualSearchObjectTagClickTarget .visualSearchObjectTag {
    background: none repeat scroll 0 0 #f22;
    border: 6px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #000;
    height: 32px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    transform: scale(0.5);
    transform-origin: center center 0;
    width: 32px;
}
.tutorials-NewUserFindFriends {
    background-color: #fff;
    padding-bottom: 69px;
    text-align: center;
}
.tutorials-NewUserFindFriends .padItems {
    width: 600px;
}
.tutorials-NewUserFindFriends .item {
    margin: 0 !important;
}
.tutorials-NewUserFindFriends .navigateScope {
    border-right: 0 none;
    margin-bottom: 25px;
    margin-top: -26px;
    text-align: center;
}
.tutorials-NewUserFindFriends .navigateScope .leftRounded {
    border-radius: 6px 0 0 6px;
}
.tutorials-NewUserFindFriends .navigateScope .rightRounded {
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #ccc;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn {
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-right: -4px;
    min-width: 115px;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn.btn.active.facebook_connected {
    background: none repeat scroll 0 0 #4c66a4;
    color: #fff;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn.btn.active.twitter_connected {
    background: none repeat scroll 0 0 #55acee;
    color: #fff;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn:active, .tutorials-NewUserFindFriends .navigateScope .navScopeBtn.selected {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
    border: 1px solid #b6b6b6;
    box-shadow: none;
    text-shadow: none;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn:active:hover, .tutorials-NewUserFindFriends .navigateScope .navScopeBtn.selected:hover {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn.facebook_connected:active, .tutorials-NewUserFindFriends .navigateScope .navScopeBtn.selected.facebook_connected {
    background-color: #4c66a4;
    color: #fff;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn.twitter_connected:active, .tutorials-NewUserFindFriends .navigateScope .navScopeBtn.selected.twitter_connected {
    background-color: #55acee;
    color: #fff;
}
.tutorials-NewUserFindFriends .navigateScope .navScopeBtn:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
}
.tutorials-NewUserInterestPicker {
    background-color: #fff;
    padding-bottom: 69px;
}
.tutorials-NewUserInterestPicker .padItems {
    width: 600px;
}
.tutorials-NewUserInterestSearch .previous {
    text-align: left;
    visibility: hidden;
}
.tutorials-NewUserInterestSearch .previous.visible {
    visibility: visible;
}
.tutorials-NewUserInterestSearch .previous .Button {
    margin-top: 14px;
}
.tutorials-NewUserInterestSearch .previous .buttonText {
    text-align: left;
}
.tutorials-NewUserInterestSearch.ignition {
    padding-top: 20px !important;
}
.tutorials-NewUserInterestSearch.ignition .previous {
    margin: 0 auto;
    width: 736px;
}
.tutorials-NewUserInterestSearch .ui-SearchForm {
    margin-top: 20px;
}
.tutorials-NewUserPinCreate .pinCreateWrapper .pinCreate {
    background: none repeat scroll 0 0 #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 650px;
}
.tutorials-NewUserPin.ignition .newUserPin {
    background: url("/webapp/style/app/desktop/images/ignition/ignition1-1x.09c5a309.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 450px;
    width: 600px;
}
.tutorials-NewUserPin .newUserPin {
    background: url("/webapp/style/app/desktop/images/example_pin-1x.0dcac5e4.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 476px;
    margin: 0 auto;
    width: 858px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPin .newUserPin {
    background-image: url("/webapp/style/app/desktop/images/example_pin-2x.5c19f98c.jpg");
    background-position: 0 0;
    background-size: 858px 476px;
}
}
.tutorials-NewUserPinSearch .searchTitle {
    margin-top: 30px;
}
.tutorials-NewUserPinSearch .searchInterest {
    margin-bottom: 12px;
    margin-top: 20px;
    position: relative;
}
.tutorials-NewUserPinSearch .searchInterest .searchIcon {
    position: absolute;
    right: 20px;
    top: 20px;
}
.tutorials-NewUserPinSearch .searchInterest .searchIcon em {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 -192px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 17px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPinSearch .searchInterest .searchIcon em {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -80px;
    background-size: 191px 187px;
}
}
.tutorials-NewUserPinSearch .searchInterest .searchIcon:hover em {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -182px -169px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 17px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPinSearch .searchInterest .searchIcon:hover em {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -89px -153px;
    background-size: 191px 187px;
}
}
.tutorials-NewUserPinSearch .searchInterestField {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    color: #4d4d4d;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 21px;
    padding: 14px;
    width: 720px;
}
.tutorials-NewUserPinSearch .searchSuggestions {
    margin-top: 7px;
    padding-bottom: 20px;
}
.tutorials-NewUserPinSearch .searchSuggestions ul, .tutorials-NewUserPinSearch .searchSuggestions li {
    display: inline-block;
}
.tutorials-NewUserPinSearch .searchSuggestions li {
    color: #333;
    font-weight: bold;
    margin: 0 10px;
}
.tutorials-NewUserPinSearch .searchSuggestions li:hover, .tutorials-NewUserPinSearch .searchSuggestions li.highlight {
    color: #cb2027;
    text-decoration: underline;
}
.tutorials-NewUserPinSearch .searchSuggestions li:hover {
    cursor: pointer;
}
.tutorials-NewUserPinSearch .Button.rounded.next, .tutorials-NewUserPinSearch .Button.rounded.prev {
    border-radius: 50%;
    float: left;
    font-size: 16px;
    height: 35px;
    margin-top: 25px;
    padding: 0;
    width: 35px;
}
.tutorials-NewUserPinSearch .Button.rounded.next em, .tutorials-NewUserPinSearch .Button.rounded.prev em {
    margin-top: -3px;
}
.tutorials-NewUserPinSearch .Button.rounded.prev {
    float: left;
}
.tutorials-NewUserPinSearch .Button.rounded.prev em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -570px rgba(0, 0, 0, 0);
    height: 16px;
    margin-left: 7px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPinSearch .Button.rounded.prev em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -151px -459px;
    background-size: 623px 491px;
}
}
.tutorials-NewUserPinSearch .Button.rounded.next {
    float: right;
}
.tutorials-NewUserPinSearch .Button.rounded.next em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -613px -550px rgba(0, 0, 0, 0);
    height: 16px;
    margin-left: 9px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPinSearch .Button.rounded.next em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -194px -459px;
    background-size: 623px 491px;
}
}
.tutorials-NewUserPinSource.ignition .newUserPinSource {
    background: url("/webapp/style/app/desktop/images/ignition/ignition2-1x.6e7fa711.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 450px;
    width: 600px;
}
.tutorials-NewUserPinSource .newUserPinSource {
    background: url("/webapp/style/app/desktop/images/pin-source-1x.96ad4975.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 420px;
    margin: 0 auto;
    width: 639px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPinSource .newUserPinSource {
    background-image: url("/webapp/style/app/desktop/images/pin-source-2x.42ea6a96.jpg");
    background-position: 0 0;
    background-size: 639px 420px;
}
}
.tutorials-NewUserPinSource .sectionTitles {
    margin: 20px auto;
    width: 639px;
}
.tutorials-NewUserPinSource .sectionTitles h2 {
    color: #777;
    font-size: 16px;
    font-weight: normal;
}
.tutorials-NewUserPinSource .sectionTitles .originalPin, .tutorials-NewUserPinSource .sectionTitles .originalWebsite {
    display: inline-block;
    text-align: center;
    width: 317.5px;
}
.tutorials-NewUserPinUsage.ignition .newUserPinUsage {
    background: url("/webapp/style/app/desktop/images/ignition/ignition3-1x.a0db9c7f.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 450px;
    width: 600px;
}
.tutorials-NewUserPinUsage .newUserPinUsage {
    background: url("/webapp/style/app/desktop/images/pin-usage-1x.e64c7ad7.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 453px;
    margin: 0 auto;
    width: 750px;
}
@media not all, (min-resolution: 144dpi) {
.tutorials-NewUserPinUsage .newUserPinUsage {
    background-image: url("/webapp/style/app/desktop/images/pin-usage-2x.64be051a.jpg");
    background-position: 0 0;
    background-size: 750px 453px;
}
}
.ui-ImageCrop .holder {
    height: 300px;
    margin: 15px;
    overflow: hidden;
    position: relative;
}
.ui-ImageCrop .spinner {
    background: url("/webapp/style/app/common/images/spinner.0f376298.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    bottom: 5px;
    display: none;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
.ui-ImageCrop .frame {
    box-shadow: 0 2px 3px rgba(34, 25, 25, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
}
.ui-ImageCrop .mask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ui-ImageCrop .mask span {
    background: none repeat scroll 0 0 #fcf9f9;
    opacity: 0.9;
    position: absolute;
}
.ui-ImageCrop .bg {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.ui-ImageCrop .bg img {
    max-width: none;
    opacity: 0.01;
    transition-duration: 0.4s;
    transition-property: opacity;
}
.ui-ImageCrop .bg img.in {
    opacity: 1;
}
.ui-ImageCrop .help {
    left: 0;
    padding-top: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.ui-ImageCrop .drag {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    cursor: move;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.ui-ImageUploader {
    background: linear-gradient(#ededed, #f9f9f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 6px 6px;
    padding: 15px 20px;
    position: relative;
}
.ui-ImageUploader.reportBug {
    background: none repeat scroll 0 0 #fff;
    padding: 0;
}
.ui-ImageUploader.loading {
    min-height: 0;
}
.ui-ImageUploader .disabled input {
    display: none;
}
.ui-ImageUploader.selected {
    background: none repeat scroll 0 0 red;
}
.ui-ImageUploader .Button.large {
    float: left;
    font-size: 13px;
    margin: -1px;
    padding: 6px 12px 7px;
    position: relative;
}
.ui-ImageUploader div.Button {
    box-sizing: border-box;
    text-align: center;
}
.ui-ImageUploader .hasUploadedImage {
    cursor: pointer;
}
.ui-ImageUploader .uploaderProgress {
    border-radius: 0 6px 6px 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.31) inset;
    height: 31px;
    overflow: hidden;
    position: relative;
    top: -1px;
}
.ui-ImageUploader .uploaderProgress span {
    color: #333;
    display: block;
    float: left;
    font-size: 14px;
    margin-left: 7px;
    margin-top: 4px;
    overflow: hidden;
    padding: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-SearchForm {
    position: relative;
    text-align: left;
    width: 194px;
}
.ui-SearchForm.guided {
    box-sizing: border-box;
    float: none;
    height: 34px;
    margin-left: 42px;
    width: auto;
}
.ui-SearchForm.guided.buttonOnRight {
    margin-right: 46px;
}
.ui-SearchForm.guided.buttonOnRight.tutorialHighlight {
    border-radius: 0;
    margin: 0 !important;
}
.ui-SearchForm.fit .ui-TypeaheadField {
    width: 100%;
}
.ui-SearchForm.gigantic {
    width: 100%;
}
.ui-SearchForm.gigantic .ui-TypeaheadField {
    width: 92%;
}
.ui-SearchForm.gigantic .submit {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -416px -467px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    right: 10px;
    text-shadow: none;
    top: 12px;
    width: 30px;
    z-index: 667;
}
@media not all, (min-resolution: 144dpi) {
.ui-SearchForm.gigantic .submit {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -465px -294px;
    background-size: 623px 491px;
}
}
.ui-SearchForm.gigantic .submit:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -32px -467px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.ui-SearchForm.gigantic .submit:hover {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -527px -294px;
    background-size: 623px 491px;
}
}
.ui-SearchForm.gigantic.ignition {
    color: #151515;
    font-size: 21px;
    margin: 0 auto;
    width: 736px;
}
.ui-SearchForm.gigantic.ignition .ui-TypeaheadField {
    width: 100%;
}
.ui-SearchForm.gigantic.ignition input {
    padding-left: 50px;
}
.ui-SearchForm.gigantic.ignition .submit {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -106px -499px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 26px;
    left: 12px;
    text-shadow: none;
    top: 15px;
    width: 27px;
    z-index: 667;
}
@media not all, (min-resolution: 144dpi) {
.ui-SearchForm.gigantic.ignition .submit {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -501px -376px;
    background-size: 623px 491px;
}
}
.ui-SearchForm .ui-TypeaheadField {
    float: left;
    width: 194px;
}
.ui-SearchForm .ui-TypeaheadField.guided {
    display: block;
    float: none;
    width: 100%;
}
.ui-SearchForm .submit {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 -192px transparent;
    border: medium none;
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 17px;
    position: absolute;
    right: 9px;
    text-shadow: none;
    top: 7px;
    width: 16px;
    z-index: 671;
}
@media not all, (min-resolution: 144dpi) {
.ui-SearchForm .submit {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -80px;
    background-size: 191px 187px;
}
}
.ui-SearchForm .submit:hover {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -182px -169px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 17px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.ui-SearchForm .submit:hover {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -89px -153px;
    background-size: 191px 187px;
}
}
.UnauthBanner {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-top: 1px solid white;
    bottom: 0;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    color: #333;
    font-family: "Helvetica Neue","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,sans-serif;
    font-weight: bold;
    height: auto;
    padding: 30px 0;
    position: fixed;
    transform: translateZ(0px);
    transition: opacity 0.8s ease 0.8s;
    width: 100%;
    z-index: 684;
}
.UnauthBanner.fade {
    opacity: 0;
    z-index: -1;
}
.columns-3 .showingCloseup .UnauthBanner .centeredWithinWrapper.gridWidth {
    width: 750px;
}
.showingCloseup .UnauthBanner .centeredWithinWrapper.gridWidth {
    width: 1000px;
}
.showingPlaceBoard .UnauthBanner .centeredWithinWrapper.gridWidth {
    padding: 0 14px;
    width: auto;
}
.UnauthBanner .caption {
    float: left;
    margin-top: -5px;
    width: 618px;
}
.columns-3 .UnauthBanner .caption {
    width: 486px;
}
.UnauthBanner .caption .title {
    font-size: 52px;
    line-height: 48px;
}
.UnauthBanner .caption .subtitle {
    font-size: 24px;
    line-height: 24px;
    margin-top: 15px;
}
.UnauthBanner .caption strong {
    color: #cb2027;
}
.UnauthBanner .registerButtons {
    float: right;
    width: 236px;
}
.UnauthBanner .registerButtons .Login.compactView .socialLogin .btn {
    border-radius: 6px;
    border-width: 1px;
    box-shadow: none;
    font-size: 12px;
    width: 236px;
}
.UnauthBanner .registerButtons .Login.compactView .socialLogin .btn span {
    font-size: 12px;
}
.UnauthBanner .registerButtons .Login.compactView .socialLogin .btn.intButton.unAuthFacebookConnect, .UnauthBanner .registerButtons .Login.compactView .socialLogin .btn.intButton.unAuthRakutenConnect {
    margin-right: 8px;
    width: 114px;
}
.UnauthBanner .registerButtons .Login.compactView .formFooter {
    margin-top: 24px;
}
.UnauthBanner .registerButtons .Login.compactView .formFooter .compactViewLogin {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    text-shadow: none;
}
.UnauthBanner .registerButtons .Login.compactView .formFooter .compactViewLogin a {
    color: #000;
    text-shadow: none;
}
.UnauthBanner.invert {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border-color: black;
    color: #fff;
}
.UnauthBanner.invert .registerButtons .Login.compactView .formFooter .compactViewLogin {
    color: #fff;
}
.UnauthBanner.invert .registerButtons .Login.compactView .formFooter .compactViewLogin a {
    color: #fff;
}
.UnauthHomePage {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    left: 0;
    min-width: 750px;
    padding-bottom: 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 681;
}
.UnauthHomePage .wholeUpsellMask {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 683;
}
.UnauthHomePage .wholeUpsellMask .appUpsell {
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    text-shadow: none;
    top: 14px;
}
.UnauthHomePage .wholeUpsellMask .maskFailure {
    animation: 0.4s linear 0s normal none 1 slideIn, 0.2s linear 4s normal forwards 1 slideOut;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 70px;
}
.UnauthHomePage .wholeUpsellMask .maskFailure .failureText {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding-top: 24px;
}
.UnauthHomePage .wholeUpsellMask .maskInput {
    animation: 0.4s linear 0s normal forwards 1 slideIn;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 70px;
}
.UnauthHomePage .wholeUpsellMask .maskSuccess {
    animation: 0.4s linear 0s normal none 1 slideIn, 0.2s linear 4s normal forwards 1 slideOut;
    background-color: rgba(0, 234, 44, 0.7);
    display: none;
    height: 70px;
}
.UnauthHomePage .wholeUpsellMask .maskSuccess .successText {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding-top: 24px;
}
.UnauthHomePage .wholeUpsellMask .redButton {
    background: linear-gradient(#f40112, #a50007) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.UnauthHomePage .hidden {
    display: none;
}
.UnauthHomePage .inspiredSearchBackgroundContainer {
    background-color: #e6e8e3;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 1s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}
.UnauthHomePage .inspiredSearchBackgroundContainer .background {
    padding-bottom: 300px;
}
.UnauthHomePage .inspiredSearchBackgroundContainer.active {
    opacity: 1;
    visibility: visible;
}
.UnauthHomePage .inspiredSearchBackgroundContainer.animate_background .background {
    animation: 35s linear 0s normal forwards 1 scrollBgGridLinks;
}
.UnauthHomePage .inspiredSearchAboutTermsWrapper {
    animation: 35s linear 0s normal none 1 scrollFooterWithBgGrid;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.UnauthHomePage .inspiredSearchStories {
}
.UnauthHomePage .inspiredSearchDialog {
    min-height: 375px;
}
.UnauthHomePage .inspiredSearchContentWrapper {
    background-color: #b6aba9;
    background-size: cover;
    border-radius: 6px;
    box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -358px;
    margin-top: -292px;
    max-height: 445px;
    min-height: 445px;
    padding-bottom: 10px;
    position: absolute;
    top: 50%;
    width: 716px;
    z-index: 1;
}
.UnauthHomePage .homeUnauthLogoWrapper {
    margin-top: 20px;
    text-align: center;
}
.UnauthHomePage .homeUnauthLogoWrapper .homeUnauthLogo {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -426px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 39px;
    text-shadow: none;
    width: 146px;
}
@media not all, (min-resolution: 144dpi) {
.UnauthHomePage .homeUnauthLogoWrapper .homeUnauthLogo {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -474px -325px;
    background-size: 623px 491px;
}
}
.UnauthHomePage .registerButtons {
    display: inline-block;
    margin-top: 20px;
    width: auto;
}
.UnauthHomePage .registerButtons.hasRakutenButton {
    margin-top: 0;
}
.UnauthHomePage .inspiredSearchPinCaption {
    color: #fff;
    font-family: "Helvetica Neue","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,sans-serif;
    margin-top: 10px;
    text-align: center;
    width: auto;
}
.UnauthHomePage .inspiredSearchPinCaption .title {
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-top: 10px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.58);
}
.UnauthHomePage .inspiredSearchPinCaption .subtitle {
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.58);
}
.UnauthHomePage .inspiredSearchRegistrationContainer {
    margin-top: 10px;
    text-align: center;
    width: auto;
}
.UnauthHomePage .homeUnauthNumbers {
    color: #fff;
    display: table;
    margin: 0 auto;
    position: absolute;
    table-layout: fixed;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    top: 470px;
    width: 100%;
    z-index: -1;
}
.UnauthHomePage .homeUnauthNumbers .left, .UnauthHomePage .homeUnauthNumbers .right {
    display: inline-block;
    float: none;
    text-align: center;
}
.UnauthHomePage .homeUnauthNumbers .left {
    border-right: 2px solid #fff;
    padding-left: 15px;
    padding-right: 20px;
}
.UnauthHomePage .homeUnauthNumbers .right {
    padding-left: 20px;
    padding-right: 15px;
}
.UnauthHomePage .homeUnauthNumbers .left .numbersWrapper {
    text-align: right;
}
.UnauthHomePage .homeUnauthNumbers .right .numbersWrapper {
    text-align: left;
}
.UnauthHomePage .homeUnauthNumbers .numbersTitle {
    display: inline-block;
    font-family: Helvetica;
    font-size: 35px;
    font-weight: bold;
}
.UnauthHomePage .homeUnauthNumbers .numbersSubtitle {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    padding-left: 4px;
    padding-top: 3px;
    text-align: left;
}
.UnauthHomePage .emailLogin {
    background: linear-gradient(#fff, #fafafa) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    bottom: auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.48), 0 1px 3px rgba(0, 0, 0, 0.18);
    color: #5f5f5f;
    font-size: 13px;
    left: auto;
    padding: 9px 15px;
    position: absolute;
    right: 11px;
    top: 11px;
}
.UnauthHomePage .emailLogin:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.48), 0 1px 3px rgba(0, 0, 0, 0.18);
}
.UnauthHomePage .termsOfServiceFooter {
    bottom: 24px;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 11px;
    left: 0;
    line-height: 150%;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.18);
    width: 272px;
}
.UnauthHomePage .termsOfServiceFooter a:link {
    color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
}
.UnauthHomePage .pinitLanding {
    min-height: 445px;
}
.UnauthHomePage .pinitLanding .termsOfServiceFooter {
    color: #bbb;
}
.UnauthHomePage .pinitLanding .termsOfServiceFooter a:link {
    color: #bbb;
    font-weight: bold;
}
.UnauthHomePage.lite .inspiredSearchContentWrapper {
    box-shadow: none;
}
.UnauthHomePage.lite .inspiredSearchContentWrapper .homeUnauthLogo {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -327px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 50px;
    text-shadow: none;
    width: 202px;
}
@media not all, (min-resolution: 144dpi) {
.UnauthHomePage.lite .inspiredSearchContentWrapper .homeUnauthLogo {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 -325px;
    background-size: 623px 491px;
}
}
.UnauthHomePage.lite .inspiredSearchPinCaption {
    color: #000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}
.UnauthHomePage.lite .inspiredSearchPinCaption .title {
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}
.UnauthHomePage.lite .inspiredSearchPinCaption .subtitle {
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}
.UnauthHomePage .interestsWrapper {
    animation: 35s linear 0s normal forwards 1 scrollFooterWithBgGrid;
    background-color: white;
    bottom: -30px;
    height: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.UnauthHomePage .interestsWrapper .gradient {
    background: linear-gradient(#999, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 8px;
}
.UnauthHomePage .interestsWrapper span, .UnauthHomePage .interestsWrapper a {
    font-size: 10px;
    font-weight: bold;
    padding: 0 3px;
    position: relative;
}
.UnauthHomePage .interestsWrapper span {
    color: #999;
}
.UnauthHomePage .interestsWrapper a {
    color: #333;
}
.UnauthHomePage.pinitPopup .inspiredSearchBackgroundContainer.animate_background .background {
    animation-name: scrollBgGrid !important;
}
.UnauthHomePage.pinitPopup .inspiredSearchAboutTermsWrapper, .UnauthHomePage.pinitPopup .interestsWrapper {
    display: none;
}
.UnauthHomePage.pinitPopup.messageVariant .homeUnauthLogoWrapper {
    margin-top: 0;
}
.UnauthHomePage.pinitPopup.messageVariant .inspiredSearchContentWrapper {
    background-color: #fff;
    margin: -215px 0 0 -300px;
    min-height: 410px;
    width: 600px;
}
.UnauthHomePage.pinitPopup.messageVariant .inspiredSearchPinCaption {
    margin: 5px 0 -5px;
}
.UnauthHomePage.pinitPopup.messageVariant .inspiredSearchPinCaption .title {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: bold;
}
.UnauthHomePage.pinitPopup.messageVariant .inspiredSearchContentWrapper .homeUnauthNumbers {
    color: #999;
}
.UnauthHomePage.pinitPopup.messageVariant .inspiredSearchContentWrapper .homeUnauthNumbers .left {
    border-color: #999;
}
.UnauthHomePage.pinitPopup .inspiredSearchContentWrapper {
    min-height: 330px;
}
.UrlPreview {
    min-height: 75px;
}
.UrlPreview .imageBox, .UrlPreview .detailBox {
    display: inline-block;
    vertical-align: top;
}
.UrlPreview .imageBox {
    float: left;
    position: relative;
    width: 75px;
}
.UrlPreview .imageBox img.attachmentImage {
    border-radius: 6px;
    height: auto;
}
.UrlPreview .imageBox .borderMask {
    border-radius: 6px;
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.UrlPreview .detailBox {
    position: relative;
    width: 495px;
}
.UrlPreview .detailBox.hasImage {
    margin-left: 10px;
    width: 410px;
}
.UrlPreview .detailBox .attachmentTitle {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.UrlPreview .detailBox .attachmentTitle a {
    color: #333;
}
.UrlPreview .detailBox .attachmentTitle a:hover {
    color: #8a8a8a;
}
.UrlPreview .detailBox .attachmentDesc {
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    max-height: 32px;
    overflow: hidden;
    width: 100%;
}
.UrlPreview .detailBox .attachmentDomain {
    margin-top: 6px;
}
.UserAppSettings {
    color: #555;
}
.UserAppSettings .appImage {
    float: left;
    margin-left: 0;
}
.UserAppSettings .appDetails {
    display: inline-block;
    line-height: 1.5em;
    margin-left: 20px;
    width: 450px;
}
.UserAppSettings .appDetails .appName, .UserAppSettings .appDetails .companyName {
    font-size: 14px;
    font-weight: bold;
}
.UserAppSettings .appDetails .companyName {
    color: #999;
}
.UserAppSettings .appDetails .description, .UserAppSettings .appDetails .approved {
    display: block;
    margin: 5px 0;
}
.UserAppSettings .appDetails .scopeDescriptions li {
    list-style-position: inside;
    list-style-type: disc;
}
.UserAppSettings .revokeButton {
    float: right;
}
.UserAppSettings .noApps {
    padding: 20px;
    text-align: center;
}
.UserBadge {
    background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    color: #888;
    cursor: pointer;
    float: right;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    width: 236px;
}
.UserBadge .profileImage {
    background-size: cover;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 0 2px #616161 inset;
    float: left;
    height: 30px;
    margin: -1px;
    width: 30px;
}
.UserBadge .profileName {
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    padding: 6px 0 1px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserBlock {
    width: 380px;
}
.UserBlock h1 {
    font-weight: normal;
}
.UserBlock p {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 21px 10px;
}
.UserBoardInvites {
    background: none repeat scroll 0 0 #fff;
}
.UserBoardInvites .PagedGrid .GridItems {
    margin: 0;
    padding-bottom: 0;
}
.UserBoardInvites .PagedGrid .GridItems .item {
    width: 100%;
}
.UserBoardInvites .PagedGrid .moreItems {
    background: none repeat scroll 0 0 #fff;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 0 none;
    margin-top: 0;
}
.UserBoardInvites .PagedGrid .moreItems:hover, .UserBoardInvites .PagedGrid .moreItems:active {
    background: none repeat scroll 0 0 #f8f8f8;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    color: #555;
}
.UserBoards.ownProfile .Grid {
    margin-bottom: 38px;
}
.UserBoards .item {
}
.UserBoards .help {
    display: inline-block;
    margin-left: 14px;
}
.UserBoards .help:hover {
    color: #444;
}
.UserBoards .secretBoardHeader {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 25px 0 6px 14px;
}
.UserBoards .secretHeaderIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -18px -192px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 14px;
}
.UserBoards .title {
    margin-left: 0;
}
.UserChangePassword {
    width: 530px;
}
.UserChangePassword .forgotPassword {
    color: #cb2027;
    display: block;
    font-size: 11px;
}
.UserContact {
    font-size: 11px;
    line-height: 1.2em;
    padding: 5px 14px;
    position: relative;
}
.UserContact:after {
    clear: both;
    content: "";
    display: table;
}
.UserContact.loading {
    min-height: 0;
}
.UserContact:hover {
    background: none repeat scroll 0 0 #f3f3f3;
}
.UserContact .thumbImageWrapper {
    float: left;
    height: 30px;
    position: relative;
    width: 30px;
}
.UserContact .thumbImageWrapper:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.UserContact .thumbImageWrapper img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.UserContact .thumbImageWrapper img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.UserContact .contactUser {
    margin-left: 35px;
}
.UserContact .contactUsername {
    color: #717171;
    font-weight: 700;
}
.UserContact:hover .dismiss {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -523px -309px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 10px;
    margin-right: 14px;
    position: absolute;
    right: 0;
    top: 40%;
    width: 9px;
}
@media not all, (min-resolution: 144dpi) {
.UserContact:hover .dismiss {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -461px -476px;
    background-size: 623px 491px;
}
}
.UserContact .contactConfirmation {
    background-color: #ffa;
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}
.UserContact.contactConfirmed .contactConfirmation {
    display: block;
}
.UserContact .contactAction {
    color: #cb2027;
}
.UserContact .contactAction:hover {
    text-decoration: underline;
}
.UserContact .contactWrapper {
    cursor: pointer;
    height: 30px;
    width: 90%;
}
.User .hoverMask {
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .User .hoverMask {
    display: none !important;
}
.User .userWrapper:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.User .userWrapper:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.User.gridItem {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
.User.gridItem .userThumbs {
    overflow: hidden;
}
.User.thumb.small .title, .User.thumb.small .subtitle, .User.thumb.small .location, .User.thumb.small .fullname {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 1px;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.thumb .title, .User.thumb .subtitle, .User.thumb .location {
    color: #808080;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.User.thumb.hasText .thumbImageWrapper {
    margin-right: 8px;
}
.User.dim {
    opacity: 0.5;
}
.User .focusThumbContainer {
    background: none repeat scroll 0 0 #eee;
    float: left;
    height: 106px;
    position: relative;
    width: 106px;
}
.User .focusThumbContainer:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 106px;
    left: 0;
    position: absolute;
    top: 0;
    width: 106px;
}
.User .focusThumbContainer img {
    border-radius: 3px;
    height: 106px;
    width: 106px;
}
.User .thumbContainer {
    background-color: #eee;
    float: left;
    margin: 0 3px 3px 0;
    position: relative;
}
.User .thumbContainer:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 51px;
    left: 0;
    position: absolute;
    top: 0;
    width: 51px;
}
.User .thumbContainer img {
    border-radius: 3px;
    height: 51px;
    width: 51px;
}
.User .thumbContainer.rightWrap {
    margin-right: 0;
}
.User .userFocusImage {
    display: block;
    float: left;
    height: 106px;
    margin: 0 3px 3px 0;
    width: 106px;
}
.User .userPin {
    display: block;
    height: 51px;
    max-width: none;
    width: 51px;
}
.User.gridItem {
    position: relative;
    width: 236px;
}
.User.gridItem .userDismiss {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -142px -169px rgba(0, 0, 0, 0);
    color: transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    font: 0px/0 serif;
    height: 18px;
    margin: 10px;
    text-shadow: none;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.User.gridItem .userDismiss {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -42px;
    background-size: 191px 187px;
}
}
.User.gridItem .verifiedDomainIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -162px -169px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    float: right;
    font: 0px/0 serif;
    height: 18px;
    text-shadow: none;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.User.gridItem .verifiedDomainIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -61px;
    background-size: 191px 187px;
}
}
.User.gridItem .followersCount {
    background-color: rgba(68, 68, 68, 0.7);
    border-radius: 2px;
    bottom: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    right: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
}
.User.gridItem .username {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.gridItem .userStats {
    color: #777;
    line-height: 14px;
    margin: 2px 0 10px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ja .User.gridItem .userStats {
    font-size: 10px;
}
.User.debugWrapper {
    padding: 2px;
}
.User .focusThumbContainer {
    margin-right: 3px;
}
.User .fullname {
    color: #333;
    display: block;
    font-size: 15px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User h3 {
    color: #333;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User .userThumbs {
    margin-bottom: 7px;
}
.User .userWrapper {
    bottom: 0;
    display: block;
    left: 0;
    padding: 10px;
    right: 0;
    top: 0;
}
.User .userWrapper .debugMacro {
    color: black;
    font-weight: normal;
    margin: 10px -10px 0;
}
.User.userSelect {
    cursor: pointer;
    position: relative;
}
.User.userSelect .hoverMask {
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear 0s;
    z-index: 100;
}
.ielt10 .User.userSelect .hoverMask {
    display: none !important;
}
.User.userSelect .userSelectImageWrapper:hover .hoverMask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.08);
}
.User.userSelect .userSelectImageWrapper:active .hoverMask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
}
.User.userSelect .userWrapper {
    padding: 0;
}
.User.userSelect .moduleMask {
    background: none repeat scroll 0 0 #f5f5f5;
}
.User.userSelect .userSelectImageWrapper {
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
    display: block;
    height: 68px;
    overflow: hidden;
    position: relative;
    width: 68px;
}
.User.userSelect .userSelectImageWrapper:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset, 0 2px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.16);
    content: " ";
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 68px;
}
.User.userSelect .userSelectImageWrapper img {
    border-radius: 50%;
    height: 68px;
    width: 68px;
}
.User.userSelect.fakeUser {
    cursor: default;
}
.User.userSelect .userName {
    clear: both;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin: 9px 0 0;
    max-width: 68px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.userSelect:active {
    transform: scale(0.98);
    transition: scale 0.1s ease-in-out 0s;
}
.User.userSelect.fakeUser:active {
    transform: scale(1);
}
.User.userCheckableSelectView {
    display: inline-block;
    padding: 0 17px 60px;
    position: relative;
    vertical-align: top;
    width: 116px;
}
.User.userCheckableSelectView .selectCheck {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -46px -169px rgba(0, 0, 0, 0);
    height: 21px;
    position: absolute;
    right: 25px;
    top: 5px;
    width: 21px;
    z-index: 101;
}
@media not all, (min-resolution: 144dpi) {
.User.userCheckableSelectView .selectCheck {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -78px -129px;
    background-size: 191px 187px;
}
}
.User.userCheckableSelectView .selectCheck.checked {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -23px -169px rgba(0, 0, 0, 0);
    height: 21px;
    width: 21px;
}
@media not all, (min-resolution: 144dpi) {
.User.userCheckableSelectView .selectCheck.checked {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px 0;
    background-size: 191px 187px;
}
}
.User.userCheckableSelectView .profileImage {
    border-radius: 50%;
    cursor: pointer;
    height: 116px;
    transition: transform 0.1s ease-in 0s;
    width: 116px;
}
.User.userCheckableSelectView .profileName {
    font-size: 15px;
    height: 15px;
    margin-top: 15px;
}
.User.userCheckableSelectView p {
    color: #333;
    font: bold 15px/18px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.userSelectFollow {
    display: inline-block;
    padding: 0 0 30px 13px;
    position: relative;
    vertical-align: top;
    width: 85px;
}
.User.userSelectFollow .UserFollowButton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 50%;
    font-size: 0;
    height: 85px;
    left: 13px;
    position: absolute;
    top: 0;
    transition: background 0.1s ease-in 0s, opacity 0.1s ease-in 0s, box-shadow 0.1s ease-in 0s, transform 0.1s ease-in 0s;
    width: 85px;
    z-index: 100;
}
.User.userSelectFollow .UserFollowButton:hover {
    transform: scale(1.05);
}
.User.userSelectFollow .UserFollowButton.dim {
    background: url("/webapp/style/app/desktop/images/follow-friends-checkmark-1x.9839b8ee.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 85px;
    width: 85px;
}
.User.userSelectFollow .profileImage {
    border-radius: 50%;
    height: 85px;
    transition: transform 0.1s ease-in 0s;
    width: 85px;
}
.User.userSelectFollow .UserFollowButton:hover ~ .profileImage {
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}
.User.userSelectFollow p {
    color: #333;
    font: bold 15px/18px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.userSelectFollow .profileLink:hover, .User.userSelectFollow .profileLink:active, .User.userSelectFollow .profileLink:focus {
    text-decoration: underline;
}
.User.userSelectFollow .firstName {
    margin-top: 12px;
}
.User.userSelectFollow .numPins {
    color: #999;
    font-size: 11px;
    font-weight: normal;
}
.User.thumb {
    position: relative;
}
.User.thumb.has_via:first-child {
    border-right: 1px solid #e3e3e3;
}
.User.thumb.hasText {
    min-width: 186px;
}
.User.thumb .thumbImageWrapper {
    float: left;
}
.User.thumb .fullname {
    color: #333;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.thumb .Button {
    float: right;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.BoardInfoBar .User.thumb.small .fullname {
    color: #444;
    font-size: 13px;
    line-height: 30px;
}
.PlaceBoardInfoBar .User.thumb.small .fullname {
    color: #444;
    font-size: 12px;
}
.User.thumb.small .title, .User.thumb.small .subtitle, .User.thumb.small .location, .User.thumb.small .fullname {
    line-height: 14px;
}
.User.thumb.notification {
    line-height: 33px;
}
.User.thumb.notification .thumbImageWrapper {
    height: 33px;
    position: relative;
    width: 33px;
}
.User.thumb.notification .thumbImageWrapper:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 33px;
}
.User.thumb.notification .thumbImageWrapper img {
    border-radius: 50%;
    height: 33px;
    width: 33px;
}
.User.thumb.notification .thumbImageWrapper img {
    vertical-align: top;
}
.User.thumb.notification .title, .User.thumb.notification .subtitle, .User.thumb.notification .location, .User.thumb.notification .fullname {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 1px;
    margin-top: 1px;
}
.BoardInfoBar .User.thumb.notification .fullname {
    color: #444;
    font-size: 13px;
    margin-top: 9px;
}
.User.thumb.boardRepTitle {
    min-width: 176px;
}
.User.thumb.boardRepTitle .thumbImageWrapper {
    margin-right: 9px;
    position: relative;
    width: 38px;
}
.User.thumb.boardRepTitle .thumbImageWrapper:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px;
}
.User.thumb.boardRepTitle .thumbImageWrapper img {
    border-radius: 50%;
    height: 38px;
    width: 38px;
}
.User.thumb.boardRepTitle .title, .User.thumb.boardRepTitle .fullname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.thumb.boardRepTitle .title {
    color: #333;
    font-size: 15px;
    line-height: 15px;
    padding: 2px 0;
}
.User.thumb.boardRepTitle .fullname {
    color: #8e8e8e;
    font-size: 13px;
}
.User.thumb.medium .title, .User.thumb.medium .subtitle, .User.thumb.medium .location, .User.thumb.medium .fullname {
    margin-bottom: 6px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.User.thumb.medium .title, .User.thumb.medium .subtitle, .User.thumb.medium .location {
    font-size: 13px;
}
.User.thumb.medium .location {
    margin-top: 0;
}
.User.thumb.medium .fullname {
    font-size: 16px;
    margin-bottom: 1px;
    margin-top: 8px;
}
.User.thumb.pinner .thumbImageWrapper {
    margin-right: 15px;
}
.User.thumb.pinner .title {
    color: #999;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    line-height: 13px;
    margin: 7px 0;
}
.User.thumb.pinner .fullname {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}
.User.news {
    margin: 7px 14px;
    width: 208px;
}
.User.news.small .UserFollowButton {
    margin-top: 0;
}
.User.followFriendsItem {
    font-size: 11px;
    line-height: 1.2em;
    padding: 5px 14px;
    position: relative;
}
.User.followFriendsItem:after {
    clear: both;
    content: "";
    display: table;
}
.User.followFriendsItem.loading {
    min-height: 0;
}
.User.followFriendsItem:hover {
    background: none repeat scroll 0 0 #f3f3f3;
}
.User.followFriendsItem .thumbImageWrapper {
    float: left;
    height: 30px;
    position: relative;
    width: 30px;
}
.User.followFriendsItem .thumbImageWrapper:after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.User.followFriendsItem .thumbImageWrapper img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.User.followFriendsItem .thumbImageWrapper img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.User.followFriendsItem .contactUser {
    margin-left: 35px;
}
.User.followFriendsItem .contactUsername {
    color: #717171;
    font-weight: 700;
}
.User.followFriendsItem:hover .dismiss {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -523px -309px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 10px;
    margin-right: 14px;
    position: absolute;
    right: 0;
    top: 40%;
    width: 9px;
}
@media not all, (min-resolution: 144dpi) {
.User.followFriendsItem:hover .dismiss {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -461px -476px;
    background-size: 623px 491px;
}
}
.User.followFriendsItem .contactConfirmation {
    background-color: #ffa;
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}
.User.followFriendsItem.contactConfirmed .contactConfirmation {
    display: block;
}
.User.followFriendsItem .UserFollowButton {
    color: #cb2027;
}
.User.followFriendsItem .UserFollowButton:hover {
    text-decoration: underline;
}
.User.followFriendsItem .UserFollowButton.disabled {
    color: #717171;
}
.User.followFriendsItem .UserFollowButton.disabled:hover {
    cursor: default;
    text-decoration: none;
}
.UserDropdown.guided li a {
    color: #595959;
    font-family: "Helvetica Neue","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 18px;
}
.UserDropdown.guided li a:hover {
    background-color: #f2f2f2;
    color: #333;
}
.UserDropdown.guided li a:active {
    background-color: #cb2027;
    color: #fff;
}
.UserDropdown.guided li:first-child {
    border-radius: 6px 6px 0 0;
    padding-top: 0;
}
.UserDropdown.guided li:first-child a {
    padding-top: 10px;
}
.UserDropdown.guided li:last-child {
    border-radius: 0 0 6px 6px;
    padding-bottom: 0;
}
.UserDropdown.guided li:last-child a {
    padding-bottom: 10px;
}
.UserEdit.modal {
    width: 580px;
}
.UserEdit.modal .name {
    width: 195px;
}
.UserEdit.full_page {
    width: 734px;
}
.UserEdit.full_page .name {
    width: 49%;
}
.UserEdit .domain {
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-right: 5px;
    overflow: hidden;
    padding-left: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 131px;
}
.UserEdit input.username {
    width: 262px;
}
.UserEdit .name.last {
    float: right;
}
.UserEdit .profileImageWrapper {
    display: inline-block;
    height: 75px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 75px;
}
.UserEdit .profileImageWrapper:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
    content: " ";
    height: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}
.UserEdit .profileImageWrapper .profileImage {
    border-radius: 3px;
    height: 75px;
    width: 75px;
}
.UserEdit .profileImageWrapper img {
    height: 75px !important;
    max-width: none;
    width: auto !important;
}
.UserEdit .profileImageWrapper img.restrictWidth {
    height: auto !important;
    width: 75px !important;
}
.UserEdit .businessName {
    width: 100%;
}
.UserEdit .helpText {
    width: 280px;
}
.UserEditEmail {
    width: 530px;
}
.UserEditEmail p {
    margin-bottom: 0;
    padding: 0 18px;
}
.UserEditVerifyWebsite .hidden {
    display: none;
}
.UserEditVerifyWebsite .fillWidth {
    overflow: hidden;
    padding-right: 10px;
}
.UserEditVerifyWebsite .verifyButton {
    float: right;
    font-size: 13px;
}
.UserEditVerifyWebsite .verifiedDomainContainer {
    float: right;
    padding-top: 7px;
}
.UserEditVerifyWebsite .verifiedDomainContainer .verifiedDomainIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -162px -169px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 18px;
    margin-top: -1px;
    text-shadow: none;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.UserEditVerifyWebsite .verifiedDomainContainer .verifiedDomainIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -61px;
    background-size: 191px 187px;
}
}
.UserEducationGuide .positionModuleElement.positionModuleFixed .positionModuleCaret {
    z-index: 1005;
}
.userEducationGuideBackgroundImage {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0.8);
    visibility: hidden;
    width: 100%;
}
.userEducationGuideBackgroundImage.active {
    visibility: visible;
    z-index: 1000;
}
.userEducationGuideBackgroundImage.visible {
    visibility: visible;
    z-index: 0;
}
.userEducationGuideBackgroundImage.recipeBoard.small {
    background-image: url("/webapp/style/app/desktop/images/recipe-board-web-1366x1024.1db66cc9.jpg");
}
.userEducationGuideBackgroundImage.recipeBoard.big {
    background-image: url("/webapp/style/app/desktop/images/recipe-board-web-1920x1200.f0cfdb8a.jpg");
}
.userEducationGuideBackgroundImage.greenhouseBoard.small {
    background-image: url("/webapp/style/app/desktop/images/greenhouse-board-web-1366x1024.9bae2ed6.jpg");
}
.userEducationGuideBackgroundImage.greenhouseBoard.big {
    background-image: url("/webapp/style/app/desktop/images/greenhouse-board-web-1920x1200.1aa30222.jpg");
}
.userEducationGuideBackgroundImage.styleBoard.small {
    background-image: url("/webapp/style/app/desktop/images/style-board-web-1366x1024.7582c141.jpg");
}
.userEducationGuideBackgroundImage.styleBoard.big {
    background-image: url("/webapp/style/app/desktop/images/style-board-web-1920x1200.dc678e2d.jpg");
}
.userEducationGuideBackgroundImage.keithProfile.small {
    background-image: url("/webapp/style/app/desktop/images/keith-profile-web-1366x1024.23570e90.jpg");
}
.userEducationGuideBackgroundImage.keithProfile.big {
    background-image: url("/webapp/style/app/desktop/images/keith-profile-web-1920x1200.31717135.jpg");
}
.userEducationGuideBackgroundImage.ashBoard.small {
    background-image: url("/webapp/style/app/desktop/images/ash-profile-web-1366x1024.64e2fca4.jpg");
}
.userEducationGuideBackgroundImage.ashBoard.big {
    background-image: url("/webapp/style/app/desktop/images/ash-profile-web-1920x1200.a54d7f7f.jpg");
}
.userEducationGuideOverlay {
    background: linear-gradient(rgba(233, 233, 233, 0.1), rgba(89, 106, 119, 0.9)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}
body.userEducationGuideZoomedIn {
    background-color: #1c3547;
    overflow: hidden;
}
body.userEducationGuideZoomedIn .App {
    background-color: #e9e9e9;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(1) {
    transform: translateY(0px) rotate(0deg) scale(1);
    transition-delay: 0.06s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(2) {
    transform: translateY(0px) rotate(0deg) scale(0.95);
    transition-delay: 0.12s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(3) {
    transform: translateY(0px) rotate(0deg) scale(0.9025);
    transition-delay: 0.18s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(4) {
    transform: translateY(0px) rotate(0deg) scale(0.85737);
    transition-delay: 0.24s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(5) {
    transform: translateY(0px) rotate(0deg) scale(0.81451);
    transition-delay: 0.3s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(6) {
    transform: translateY(0px) rotate(0deg) scale(0.77378);
    transition-delay: 0.36s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(7) {
    transform: translateY(0px) rotate(0deg) scale(0.73509);
    transition-delay: 0.42s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(8) {
    transform: translateY(0px) rotate(0deg) scale(0.69834);
    transition-delay: 0.48s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(9) {
    transform: translateY(0px) rotate(0deg) scale(0.66342);
    transition-delay: 0.54s;
}
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(10) {
    transform: translateY(0px) rotate(0deg) scale(0.63025);
    transition-delay: 0.6s;
}
.UserEducationGuideStacked .cardPosition {
    bottom: 30px;
    height: 158px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 332px;
}
.UserEducationGuideStacked .cardPosition .guideStepContent {
    height: 158px;
    left: 0;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.21, 1.27, 0.57, 1);
    width: 332px;
}
.UserEducationGuideStacked .cardPosition .guideStepContent.limitStep {
    visibility: hidden;
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(1) {
    opacity: 1;
    top: -8px;
    transform: translateY(150%) rotate(-15deg) scale(1);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(2) {
    opacity: 0.6;
    top: -16px;
    transform: translateY(150%) rotate(-15deg) scale(0.95);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(3) {
    opacity: 0.36;
    top: -24px;
    transform: translateY(150%) rotate(-15deg) scale(0.9025);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(4) {
    opacity: 0.216;
    top: -32px;
    transform: translateY(150%) rotate(-15deg) scale(0.85737);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(5) {
    opacity: 0.1296;
    top: -40px;
    transform: translateY(150%) rotate(-15deg) scale(0.81451);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(6) {
    opacity: 0.07776;
    top: -48px;
    transform: translateY(150%) rotate(-15deg) scale(0.77378);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(7) {
    opacity: 0.046656;
    top: -56px;
    transform: translateY(150%) rotate(-15deg) scale(0.73509);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(8) {
    opacity: 0.0279936;
    top: -64px;
    transform: translateY(150%) rotate(-15deg) scale(0.69834);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(9) {
    opacity: 0.0167962;
    top: -72px;
    transform: translateY(150%) rotate(-15deg) scale(0.66342);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(10) {
    opacity: 0.0100777;
    top: -80px;
    transform: translateY(150%) rotate(-15deg) scale(0.63025);
}
.UserEducationGuideStacked .cardPosition .guideStepContent:first-child {
    z-index: 1004;
}
.UserEducationGuideStep {
    display: block;
}
.UserEducationGuideStep .guideStepContent {
    background-color: #00cdff;
    border-radius: 6px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.16);
    left: -20px;
    position: absolute;
    text-align: center;
    width: 350px;
    z-index: 1003;
}
.UserEducationGuideStep .educationText {
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin: 20px 40px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.UserInfoBar.v1 {
    text-align: center;
}
.UserInfoBar.v1 li {
    display: inline;
    float: left;
}
.UserInfoBar.v1 .UserFollowButton {
    margin-top: -1px;
    position: relative;
    z-index: 1;
}
.UserInfoBar.v1 .followersFollowingLinks, .UserInfoBar.v1 .userStats {
    overflow: hidden;
    position: absolute;
    top: 0;
}
.UserInfoBar.v1 .userStats {
    left: 0;
}
.UserInfoBar.v1 .userStats li {
    border-right: 1px solid #cdcdcd;
}
.UserInfoBar.v1 .oneClickFollow, .UserInfoBar.v1 .followersFollowingLinks {
    right: 0;
}
.UserInfoBar.v1 .oneClickFollow li, .UserInfoBar.v1 .followersFollowingLinks li {
    border-left: 1px solid #cdcdcd;
}
.UserInfoBar.v2 {
    border-left: 0 none;
    border-right: 0 none;
    border-top: medium none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 54px;
}
.UserInfoBar.v2 .tabs {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.UserInfoBar.v2 .tabs ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.UserInfoBar.v2 .tabs li {
    background-color: #fff;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    display: table-cell;
    float: none;
    font-size: 13px;
    height: 50px;
    line-height: 14px;
    margin-right: -1px;
    text-align: center;
}
.UserInfoBar.v2 .tabs li:first-child {
    border-left: 0 none;
}
.UserInfoBar.v2 .tabs li.hideGetStarted {
    display: none;
}
.UserInfoBar.v2 .tabs li a {
    display: block;
    font-weight: normal;
    padding: 11px 0;
}
.UserInfoBar.v2 .tabs li a:hover .label, .UserInfoBar.v2 .tabs li a:hover .value, .UserInfoBar.v2 .tabs li a.active .label, .UserInfoBar.v2 .tabs li a.active .value {
    color: #444;
}
.UserInfoBar.v2 .tabs .value {
    color: #777;
    display: block;
    font-weight: bold;
    padding-bottom: 3px;
}
.UserInfoBar.v2 .tabs .value:hover, .UserInfoBar.v2 .tabs .value.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.UserInfoBar.v2 .tabs .label {
    color: #9a9a9a;
    display: block;
    font-weight: normal;
}
.UserInfoBar.v2 .tabs .label:hover, .UserInfoBar.v2 .tabs .label.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.UserMenu {
    background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #888;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin-right: 7px;
    position: relative;
}
.UserMenu:after {
    clear: both;
    content: "";
    display: table;
}
.UserMenu.guided {
    background: linear-gradient(#fff, #f5f5f5) repeat scroll 0 0 #f5f5f5;
    border-color: #d4d4d4;
    border-radius: 6px 0 0 6px;
    box-sizing: border-box;
    color: #818181;
    height: 34px;
    z-index: 1;
}
.UserMenu.guided.merged {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-right: 1px solid #ccc;
    border-top-right-radius: 0;
    margin-right: -1px;
}
.UserMenu.guided.merged:hover {
    border-bottom-left-radius: 6px;
}
.UserMenu.guided.merged:active, .UserMenu.guided.merged.active {
    border-bottom-left-radius: 0;
}
.UserMenu.guided .usernameLink {
    float: none;
    width: 100%;
}
.UserMenu.guided .profileImage {
    background-size: 22px 22px;
    border-radius: 11px;
    box-shadow: 0 0 2px #616161 inset;
    float: left;
    height: 22px;
    margin-left: 8px;
    margin-top: 5px;
    width: 22px;
}
.UserMenu.guided .profileName {
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    line-height: 32px;
    overflow: hidden;
    padding: 0 0 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserMenu.guided:hover {
    background: linear-gradient(#fff, #eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #c0c0c0;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
    z-index: 2;
}
.UserMenu.guided:hover .profileName {
    color: #818181;
    text-shadow: none;
}
.UserMenu.guided:active, .UserMenu.guided.active {
    background: none repeat scroll 0 0 #e9e9e9;
    border-color: #cfcfcf;
    border-radius: 6px 0 0;
    box-shadow: none;
}
.UserMenu.guided:active .profileName, .UserMenu.guided.active .profileName {
    color: #818181;
}
.UserMenu.full {
    margin-right: 0;
}
.UserMenu.merged, .UserMenu.merged:hover, .UserMenu.merged.active {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-right: 0 none;
    border-top-right-radius: 0;
    margin-right: 0;
}
.UserMenu:hover, .UserMenu.active {
    background: linear-gradient(#d62229, #ab171e) repeat scroll 0 0 #d62229;
    border: 1px solid #b3171e;
    border-radius: 3px 3px 0 0;
}
.UserMenu:hover .profileImage, .UserMenu.active .profileImage {
    box-shadow: 0 0 2px #590b0e inset;
}
.UserMenu:hover .profileName, .UserMenu.active .profileName {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.11);
}
.UserMenu .usernameLink {
    float: left;
    width: 100%;
}
.UserMenu .profileImage {
    background-size: cover;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 0 2px #616161 inset;
    float: left;
    height: 30px;
    margin: -1px;
    width: 30px;
}
.UserMenu .profileName {
    display: block;
    height: 21px;
    overflow: hidden;
    padding: 6px 0 1px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserMenu .caret {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -195px rgba(0, 0, 0, 0);
    height: 7px;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 10px;
}
@media not all, (min-resolution: 144dpi) {
.UserMenu .caret {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -55px -120px;
    background-size: 191px 187px;
}
}
.UserMenu .caret + .usernameLink .profileName {
    padding-right: 20px;
}
.UserMenu.active .caret, .UserMenu:hover .caret {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -236px -186px rgba(0, 0, 0, 0);
    height: 7px;
    opacity: 1;
    width: 10px;
}
@media not all, (min-resolution: 144dpi) {
.UserMenu.active .caret, .UserMenu:hover .caret {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -33px -120px;
    background-size: 191px 187px;
}
}
.UserNavigateButton {
    background: linear-gradient(#fff, #f5f5f5) repeat scroll 0 0 #f5f5f5;
    cursor: pointer;
}
.UserNavigateButton:after {
    clear: both;
    content: "";
    display: table;
}
.UserNavigateButton.guided {
    border: 1px solid #d4d4d4;
    border-radius: 6px 0 0 6px;
    box-sizing: border-box;
    color: #818181;
    height: 34px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 195px;
    z-index: 1;
}
.UserNavigateButton.guided.merged {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px;
}
.UserNavigateButton.guided .usernameLink {
    width: 100%;
}
.UserNavigateButton.guided .profileImage {
    background-size: 22px 22px;
    border-radius: 11px;
    box-shadow: 0 0 2px #616161 inset;
    float: left;
    height: 22px;
    margin-left: 8px;
    margin-top: 5px;
    width: 22px;
}
.UserNavigateButton.guided .profileName {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    overflow: hidden;
    padding: 0 0 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserNavigateButton.guided:hover {
    background: linear-gradient(#fff, #eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #c0c0c0;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
    z-index: 2;
}
.UserNavigateButton.guided:hover .profileName {
    color: #818181;
    text-shadow: none;
}
.UserNavigateButton.guided:active {
    background: none repeat scroll 0 0 #e9e9e9;
    border-color: #cfcfcf;
    box-shadow: none;
}
.UserNavigateButton.guided:active .profileName {
    color: #818181;
}
.UserNews {
    width: 236px;
}
.UserNews.split .topItem, .UserNews.split .bottomItem, .UserNews.split .appUpsell {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.UserNews.split .bottomItem {
    margin-top: 13px;
}
.UserNews.nonSplit {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.UserNews h2 {
    border-top: 1px solid #e0e0e0;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 700;
}
.UserNews h2 a, .UserNews h2 .heading {
    color: inherit;
    display: block;
    padding: 11px 0 12px 14px;
}
.UserNews h2:hover {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #555;
}
.UserNews > .Module:last-child li:last-child .follow_view:hover {
    border-radius: 0 0 6px 6px;
}
.UserNews .buttonHolder {
    border-top: 1px solid #e0e0e0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.UserNews .memoFooter {
    border-bottom: 0 none;
    border-top: 1px solid #e0e0e0;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 700;
}
.UserNews .memoFooter a, .UserNews .memoFooter .heading {
    color: inherit;
    display: block;
    padding: 11px 0 12px 14px;
}
.UserNews .memoFooter:hover {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #555;
}
.UserNews .memoFooter .arrow {
    float: right;
}
.UserNews .memoFooter a:hover {
    color: #cb2027;
}
.UserNews .memoTitle {
    border-top: medium none;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 700;
}
.UserNews .memoTitle a, .UserNews .memoTitle .heading {
    color: inherit;
    display: block;
    padding: 11px 0 12px 14px;
}
.UserNews .memoTitle:hover {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #555;
}
.UserProfileContent {
    position: relative;
}
.UserProfileContent .userNoBoards, .UserProfileContent .userNoPins, .UserProfileContent .userNoLikes, .UserProfileContent .userNoFollowers, .UserProfileContent .userNoFollowing {
    color: #444;
    margin-top: 129px;
    text-align: center;
}
.UserProfileContent .userNoBoards p, .UserProfileContent .userNoPins p, .UserProfileContent .userNoLikes p, .UserProfileContent .userNoFollowers p, .UserProfileContent .userNoFollowing p {
    font-size: 17px;
    margin: 0 0 1em;
}
.UserProfileContent .userNoBoards .emptyIcon, .UserProfileContent .userNoPins .emptyIcon, .UserProfileContent .userNoLikes .emptyIcon, .UserProfileContent .userNoFollowers .emptyIcon, .UserProfileContent .userNoFollowing .emptyIcon {
    display: inline-block;
    margin-bottom: 18px;
}
.UserProfileContent .userNoBoards .emptyIcon {
    background: url("/webapp/style/app/common/images/empty_user_boards-1x.028e60ea.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 136px;
    width: 124px;
}
.UserProfileContent .userNoPins .emptyIcon {
    background: url("/webapp/style/app/common/images/empty_user_pins-1x.71d0443a.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 206px;
    width: 124px;
}
.UserProfileContent .userNoLikes .emptyIcon {
    background: url("/webapp/style/app/common/images/empty_user_likes-1x.f7469980.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 132px;
    width: 153px;
}
.UserProfileContent .userNoFollowers .emptyIcon {
    background: url("/webapp/style/app/common/images/empty_followers-1x.de6dd7d1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 142px;
    width: 124px;
}
.UserProfileContent .userNoFollowing .emptyIcon {
    background: url("/webapp/style/app/common/images/empty_following-1x.6ada63b4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 142px;
    width: 124px;
}
.UserProfileContent.loading > div {
    display: none;
}
.UserProfileContent.loading > .Spinner {
    display: block;
}
.UserProfileContent .userNoPins {
    margin-top: 100px;
}
.UserProfileFollow {
    height: 100%;
    overflow: hidden;
    text-align: center;
}
.UserProfileFollow .userProfileFakeHeader {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 45px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}
.UserProfileFollow .userProfileFakeHeader em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -499px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 26px;
    margin-top: 10px;
    width: 104px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileFollow .userProfileFakeHeader em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: 0 -411px;
    background-size: 623px 491px;
}
}
.UserProfileFollow .userProfileFollowInfo {
    background: none repeat scroll 0 0 #fff;
    bottom: -1px;
    box-shadow: 0 -20px 50px #eee;
    left: 0;
    padding: 0 0 20px;
    position: absolute;
    right: 0;
    transition: height 1s ease-in-out 0s;
    width: 100%;
}
.UserProfileFollow .userProfileFollowInfo img.profileImage {
    box-shadow: 0 0 10px #aaa;
    height: 64px;
    margin-top: -32px;
    overflow: hidden;
    width: 64px;
}
.UserProfileFollow .userProfileFollowInfo h1 {
    color: #151515;
    font-size: 47px;
    font-weight: bold;
    padding: 7px 0;
}
.UserProfileFollow .userProfileFollowInfo p.stats {
    color: #999;
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px;
}
.UserProfileFollow .userProfileFollowInfo p.stats span:before {
    content: "•";
}
.UserProfileFollow .userProfileFollowInfo p.stats span:first-child:before {
    content: "";
}
.UserProfileFollow .userProfileFollowInfo p.about {
    color: #666;
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto;
    max-width: 800px;
    padding: 0 0 12px;
}
.UserProfileFollowPins {
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 994px;
}
.UserProfileFollowPins .pinSlot {
    position: absolute;
    top: 452px;
    transition: top 1s ease-in-out 0s;
    width: 237px;
}
.UserProfileFollowPins .pinSlot img {
    border-radius: 3px;
    margin-bottom: 14px;
}
.UserProfileFollowPins .pinSlot.visible {
    top: 75px;
}
.UserProfileFollowPins .pinSlot.slot0 {
    left: 0;
    transition-delay: 0.5s;
}
.UserProfileFollowPins .pinSlot.slot1 {
    left: 252px;
    transition-delay: 1s;
}
.UserProfileFollowPins .pinSlot.slot2 {
    left: 504px;
    transition-delay: 1.5s;
}
.UserProfileFollowPins .pinSlot.slot3 {
    left: 756px;
    transition-delay: 2s;
}
.UserProfileFollowPins.followed .pinSlot.visible {
    top: -75px;
    transition: top 7s linear 0s;
}
.UserProfileHeader:after {
    clear: both;
    content: "";
    display: table;
}
.UserProfileHeader.v1 {
    display: table;
    margin: 14px auto;
}
.UserProfileHeader.v1 .header {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    color: #444;
    float: left;
    height: 153px;
    position: relative;
    width: 736px;
}
.UserProfileHeader.v1 .editProfile {
    display: block;
    position: absolute;
    right: 26px;
    top: 120px;
}
.UserProfileHeader.v1 .embedPinner {
    height: 15px;
    padding-right: 2px;
    position: absolute;
    right: 48px;
    top: 120px;
    width: 20px;
}
.UserProfileHeader.v1 .embedPinner button {
    background: url("/webapp/style/app/desktop/images/social_network_separator.bd2ce808.png") no-repeat scroll 23px 7px rgba(0, 0, 0, 0);
    width: 26px;
}
.modernHeader .UserProfileHeader.v1 .embedPinner button {
    background-image: none;
}
.UserProfileHeader.v1 .userProfileImage {
    float: left;
    position: relative;
    width: 153px;
}
.UserProfileHeader.v1 .userProfileImage .profileImage {
    border-radius: 6px 0 0 6px;
    height: 153px;
    width: 153px;
}
.UserProfileHeader.v1 .userProfileImage .Button {
    border-radius: 3px;
    bottom: 7px;
    display: none;
    left: 14px;
    position: absolute;
    right: 14px;
    z-index: 3;
}
.UserProfileHeader.v1 .userProfileImage:hover .Button {
    display: block;
}
.UserProfileHeader.v1 .userProfileImage:after {
    box-shadow: -1px 0 rgba(0, 0, 0, 0.1) inset;
    content: " ";
    height: 153px;
    left: 0;
    position: absolute;
    top: 0;
    width: 153px;
}
.UserProfileHeader.v1 .flagUserContainer {
    bottom: 15px;
    position: absolute;
    right: 18px;
}
.UserProfileHeader.v1 .flagUserContainer > .DropdownButton {
    display: table-cell;
    height: 19px;
    vertical-align: middle;
}
.UserProfileHeader.v1 .userInformation {
    float: left;
    padding-left: 14px;
    width: 555px;
}
.UserProfileHeader.v1.guided .userProfileHeaderName, .UserProfileHeader.v1.guided .userProfileHeaderBio {
    margin-right: 60px;
}
.UserProfileHeader.v1 .userProfileHeaderName {
    color: rgba(21, 21, 21, 0.8);
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-left: -2px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v1 .userProfileHeaderBio {
    clear: both;
    color: #777;
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 14px;
    max-height: 55px;
    overflow: hidden;
    word-wrap: break-word;
}
.UserProfileHeader.v1 .userProfileHeaderBio.overflowing {
    font-size: 14px;
    line-height: 18px;
}
.UserProfileHeader.v1.hasRightButton .userProfileHeaderBio {
    padding-right: 60px;
}
.UserProfileHeader.v1.hasRightButton .embedPinner {
    right: 12px;
    width: 20px;
}
.UserProfileHeader.v1 .userProfileHeaderOptions {
    position: absolute;
    right: 14px;
    top: 14px;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks {
    bottom: 15px;
    color: #777;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    position: absolute;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .userProfileHeaderLocationWrapper {
    color: #777;
    height: 19px;
    line-height: 19px;
    max-width: 180px;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .locationIcon {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -609px -499px rgba(0, 0, 0, 0);
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .locationIcon {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -345px -266px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks li {
    float: left;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator {
    background: url("/webapp/style/app/desktop/images/social_network_separator.bd2ce808.png") no-repeat scroll 5px 9px rgba(0, 0, 0, 0);
    display: block;
    padding-left: 12px;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator:first-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator a {
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    height: 19px;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .twitter {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -198px -570px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 15px;
    text-shadow: none;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .twitter {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -16px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .facebook {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -238px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 16px;
    text-shadow: none;
    width: 16px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .facebook {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -298px -459px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .website {
    line-height: 19px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .website.verified {
    max-width: 180px;
    padding-right: 20px;
    position: relative;
}
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .verifiedDomainIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll -162px -169px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 18px;
    padding-bottom: 1px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    width: 18px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v1 .userProfileHeaderLocationAndLinks .separator .verifiedDomainIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -61px;
    background-size: 191px 187px;
}
}
.UserProfileHeader.v1 .userProfileHeaderTopSources {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    float: left;
    height: 126px;
    margin-left: 14px;
    margin-top: -1px;
    padding: 14px;
    width: 208px;
}
.UserProfileHeader.v1 .userProfileHeaderTopSources h3 {
    color: #565656;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 0;
}
.UserProfileHeader.v1 .userProfileHeaderTopSources img {
    border-radius: 50%;
    height: 30px;
    margin-right: 4px;
    width: 30px;
}
.UserProfileHeader.v1 .userProfileHeaderTopSources li {
    margin-bottom: 5px;
}
.UserProfileHeader.v1 .userProfileHeaderTopSources a {
    color: #777;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v1 .userProfileHeaderTopSources a:hover {
    color: #444;
}
.columns-3 .UserProfileHeader.v1 .userProfileHeaderTopSources {
    display: none;
}
.UserProfileHeader.v2 {
    margin: 14px auto 0;
}
.UserProfileHeader.v2 .header {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    color: #444;
    height: 158px;
    padding: 14px 14px 0;
}
.UserProfileHeader.v2 .profileImage {
    float: left;
    position: relative;
    width: 144px;
}
.UserProfileHeader.v2 .profileImage img {
    border-radius: 4px;
    height: 144px;
    width: 144px;
}
.UserProfileHeader.v2 .profileImage .Button {
    border-radius: 2px;
    display: none;
    margin: 0 auto;
    z-index: 3;
}
.UserProfileHeader.v2 .profileImage:hover .Button {
    display: block;
}
.UserProfileHeader.v2 .editButtonWrapper {
    bottom: 20px;
    height: 20px;
    position: absolute;
    width: 144px;
}
.UserProfileHeader.v2 .profileInfo {
    height: 144px;
    padding-bottom: 14px;
    padding-left: 158px;
}
.UserProfileHeader.v2 .titleBar {
    height: 40px;
}
.UserProfileHeader.v2 .name {
    color: #444;
    float: left;
    font-size: 28px;
    font-weight: bold;
    height: 40px;
    margin-top: 1px;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.columns-4 .UserProfileHeader.v2 .name {
    max-width: 500px;
}
.columns-3 .UserProfileHeader.v2 .name {
    max-width: 320px;
}
.UserProfileHeader.v2 .buttons {
    float: right;
}
.UserProfileHeader.v2 .UserFollowButton {
    height: 32px;
    margin-right: 4px;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v2 .editProfile {
    height: 32px;
    margin-right: 4px;
}
.UserProfileHeader.v2 .editProfile:hover {
    border-color: #b8b8b8;
}
.UserProfileHeader.v2 .userProfileMenu {
    border-radius: 3px;
    height: 32px;
    padding-top: 6px;
    position: relative;
    right: 0;
    top: 0;
}
.UserProfileHeader.v2 .divider {
    color: #eee;
    font-size: 10px;
    padding-bottom: 16px;
    padding-top: 1px;
    position: relative;
    text-align: right;
}
.UserProfileHeader.v2 .divider hr {
    background: none repeat scroll 0 0 #eee;
    border: 0 none;
    height: 1px;
    position: absolute;
    width: 100%;
}
.UserProfileHeader.v2 .aboutBar {
    overflow: hidden;
    width: 100%;
}
.UserProfileHeader.v2 .about {
    color: #9a9a9a;
    float: left;
    height: 100px;
    position: relative;
    width: 620px;
}
.columns-4 .UserProfileHeader.v2 .about {
    width: 505px;
}
.columns-3 .UserProfileHeader.v2 .about {
    width: 420px;
}
.UserProfileHeader.v2 .about .aboutText {
    font-size: 16px;
    height: 65px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.UserProfileHeader.v2 .about .iconsLinksEtc {
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-left: -1px;
    margin-top: 7px;
    max-height: 40px;
    position: absolute;
}
.UserProfileHeader.v2 .about .iconsLinksEtc .locationWrapper, .UserProfileHeader.v2 .about .iconsLinksEtc .websiteWrapper {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v2 .about .iconsLinksEtc .location {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -230px -588px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 11px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v2 .about .iconsLinksEtc .location {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -278px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v2 .about .iconsLinksEtc .verifiedDomain {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -204px -588px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 11px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v2 .about .iconsLinksEtc .verifiedDomain {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -377px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v2 .about .iconsLinksEtc .website {
    color: #9a9a9a;
    font-weight: 500;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v2 .about .iconsLinksEtc .website:hover {
    color: #cb2027;
}
.UserProfileHeader.v2 .about .iconsLinksEtc .twitter {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -243px -588px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 13px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v2 .about .iconsLinksEtc .twitter {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -301px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v2 .about .iconsLinksEtc .twitter:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -611px -445px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 13px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v2 .about .iconsLinksEtc .twitter:hover {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -339px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v2 .about .iconsLinksEtc .facebook {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -296px -588px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 11px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v2 .about .iconsLinksEtc .facebook {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -266px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v2 .about .iconsLinksEtc .facebook:hover {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -283px -588px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 11px;
    text-shadow: none;
    width: 11px;
}
@media not all, (min-resolution: 144dpi) {
.UserProfileHeader.v2 .about .iconsLinksEtc .facebook:hover {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -327px -476px;
    background-size: 623px 491px;
}
}
.UserProfileHeader.v2 .about .iconsLinksEtc .middot {
    color: #ccc;
    margin-left: 1px;
    margin-right: 1px;
}
.UserProfileHeader.v2 .about .flagUser {
    bottom: 0;
    padding-bottom: 5px;
    position: absolute;
    right: 0;
}
.UserProfileHeader.v2 .about li {
    float: left;
    padding: 0 2px;
}
.UserProfileHeader.v2 .about textarea {
    background: url("/webapp/style/app/desktop/images/icon-edit-1x.de226b8a.png") no-repeat scroll 10px 13px rgba(0, 0, 0, 0);
    border-color: #cacaca;
    border-radius: 4px;
    border-width: 1px;
    color: #9a9a9a;
    display: block;
    font-size: 16px;
    height: 64px;
    margin-top: 7px;
    padding-left: 25px;
    padding-top: 10px;
    width: 495px;
}
.UserProfileHeader.v2 .about .saveButton {
    float: left;
    margin-top: 8px;
}
.UserProfileHeader.v2 .userProfileHeaderTopSources {
    float: right;
    width: 175px;
}
.UserProfileHeader.v2 .userProfileHeaderTopSources img {
    border-radius: 50%;
    height: 30px;
    margin-right: 4px;
    width: 30px;
}
.UserProfileHeader.v2 .userProfileHeaderTopSources li {
    margin-bottom: 7px;
}
.UserProfileHeader.v2 .userProfileHeaderTopSources a {
    color: #777;
    display: block;
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserProfileHeader.v2 .userProfileHeaderTopSources a:hover {
    color: #444;
}
.UserProfileHeader.v2 .userProfileHeaderTopSources span {
    background: none repeat scroll 0 0 #fff;
    color: #ccc;
    font-size: 10px;
    font-weight: bold;
    position: relative;
}
.columns-3 .UserProfileHeader.v2 .userProfileHeaderTopSources {
    display: none;
}
.UserProfileHeader.v2 .emptyProfile {
    height: 60px;
    padding: 14px;
}
.UserProfileHeader.v2 .emptyProfile .profileImage {
    width: 60px;
}
.UserProfileHeader.v2 .emptyProfile .profileImage img {
    height: 60px;
    width: 60px;
}
.UserProfileHeader.v2 .emptyProfile .profileInfo {
    height: 60px;
    padding-bottom: 0;
    padding-left: 80px;
}
.UserProfileHeader.v2 .emptyProfile .aboutText {
    height: 0;
    margin-bottom: 0;
}
.UserProfileHeader.v2 .emptyProfile hr {
    height: 0;
}
.UserProfileHeader.v2 .emptyProfile .about {
    height: 25px;
}
.UserProfileHeader.v2 .emptyProfile .iconsLinksEtc {
    margin-top: 4px;
}
.UserProfileImageUploader {
    width: 541px;
}
.UserRecentActivity {
    font-size: 11px;
    padding-bottom: 4px;
}
.UserRecentActivity .recentActivityRow {
    clear: both;
    color: #444;
    display: block;
    font-weight: normal;
    overflow: hidden;
    padding: 6px 14px;
}
.UserRecentActivity .recentActivityRow:hover {
    background: none repeat scroll 0 0 #f1f1f1;
}
.UserRecentActivity .recentActivityRow:active {
    background: none repeat scroll 0 0 #eaeaea;
}
.UserRecentActivity .recentActivityRow img {
    background: url("/webapp/style/app/desktop/images/default_30_30-1x.318d32d5.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
    float: left;
    height: 30px;
    margin-right: 7px;
    width: 30px;
}
.UserRecentActivity .recentActivityRow p {
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    max-width: 171px;
}
.UserRecentActivity .recentActivityRow p em {
    color: #000;
    font-style: normal;
    font-weight: bold;
}
.UserRecentActivity .recentActivityRow .description {
    padding-right: 3px;
}
.UserRecentActivity .recentActivityRow .time {
    color: #999;
    font-size: 11px;
    white-space: nowrap;
}
.UserRegister {
}
.UserRegister .firstName, .UserRegister .lastName {
    width: 190px;
}
.UserRegister .firstName {
    padding-right: 10px;
}
.UserRegister .firstName .formErrorMessage {
    right: 25px;
}
.UserRegister .lastName {
    padding-left: 0;
}
.UserRegister .username {
    clear: both;
}
.UserRegister .loginForm .firstName .name {
    float: left;
    width: 190px;
}
.UserRegister .loginForm .firstName .name.last {
    float: right;
}
.UserRegister .termsTextCheckboxWrapper, .UserRegister .businessSignupWrapper {
    float: left;
}
.UserRegister .termsTextCheckboxWrapper .formErrorMessage, .UserRegister .businessSignupWrapper .formErrorMessage {
    top: 147px;
}
.UserRegister .termsTextCheckboxWrapper p, .UserRegister .businessSignupWrapper p {
    color: #666;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
}
.UserRegister .termsTextCheckboxWrapper p a, .UserRegister .businessSignupWrapper p a {
    color: #444;
}
.UserRegister .termsWrapper {
    background-color: #f2f2f2;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
    height: 130px;
    margin: 0 auto;
    overflow-y: scroll;
    width: 390px;
}
.UserRegister .termsContent {
    color: #777;
    padding: 15px 20px;
}
.UserRegister .termsContent h2, .UserRegister .termsContent h3 {
    margin-bottom: 10px;
}
.UserRegister .termsContent h4 {
    margin-bottom: 0;
}
.UserRegister .termsContent p {
    margin-bottom: 10px;
    margin-top: 0;
}
.UserRegister .termsContent a:hover {
    color: #cb2027;
}
.UserRegisterDetails {
    background-color: rgba(227, 224, 226, 0.75);
    box-shadow: none;
}
.UserRegisterDetails .secondStepNux {
    background-color: rgba(227, 224, 226, 0.75);
}
.UserRegisterDetails .secondStepNux .headerMain {
    float: left;
    position: relative;
    width: 100%;
}
.UserRegisterDetails .secondStepNux .headerContent {
    background-color: rgba(227, 224, 226, 0.95);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.2);
    height: 135px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.UserRegisterDetails .secondStepNux .headerContent .headerTitle1, .UserRegisterDetails .secondStepNux .headerContent .headerTitle2 {
    line-height: 1.4em;
}
.UserRegisterDetails .secondStepNux .headerContent .headerTitle1 {
    font-size: 28px;
    margin-top: 30px;
    padding: 0 6px 0 20px;
}
.UserRegisterDetails .secondStepNux .headerContent .headerTitle2 {
    font-size: 18px;
    font-weight: normal;
    padding: 4px 6px 0 20px;
}
.UserRegisterDetails .standardForm.inNux {
    margin-top: 14px;
    width: 734px;
}
.UserRegisterDetails .standardForm.inNux button {
    float: right;
    height: 38px;
}
.UserRegisterDetails .standardForm.inNux em {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -431px -570px rgba(0, 0, 0, 0);
    display: none;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 14px;
    z-index: 100;
}
@media not all, (min-resolution: 144dpi) {
.UserRegisterDetails .standardForm.inNux em {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -480px -157px;
    background-size: 623px 491px;
}
}
.UserRegisterDetails .standardForm.inNux h3 {
    text-align: right;
    width: 105px;
}
.UserRegisterDetails .standardForm.inNux input.hasError, .UserRegisterDetails .standardForm.inNux input.hasWarning {
    background: none repeat scroll 0 0 #fff;
    border-color: #ccc;
    box-shadow: none;
    color: #e3262e;
}
.UserRegisterDetails .standardForm.inNux .age {
    width: 80px;
}
.UserRegisterDetails .standardForm.inNux .ageError {
    left: 55px;
}
.UserRegisterDetails .standardForm.inNux .continueButton {
    padding-bottom: 50px;
}
.UserRegisterDetails .standardForm.inNux .fieldWrapper {
    position: relative;
}
.UserRegisterDetails .standardForm.inNux .formErrorMessage, .UserRegisterDetails .standardForm.inNux .formWarningMessage {
    display: none;
}
.UserRegisterDetails .standardForm.inNux .step2Nux {
    position: relative;
}
.UserRegisterDetails .standardForm.inNux .errorTooltip {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.38), 0 1px 3px rgba(0, 0, 0, 0.32);
    color: #000;
    display: none;
    font-weight: normal;
    height: 24px;
    line-height: 150%;
    padding: 10px 14px 4px;
    position: absolute;
    right: -240px;
    text-align: left;
    top: 11px;
    width: 215px;
}
.UserRegisterDetails .standardForm.inNux .errorTooltip.secondTooltip {
    right: 235px;
    top: 75px;
}
.UserRegisterDetails .standardForm.inNux .errorTooltip:after {
    border-color: transparent #fff;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    content: "";
    display: block;
    left: -10px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}
.UserRegisterDetails .standardForm.inNux .errorTooltip:before {
    border-color: transparent rgba(0, 0, 0, 0.48);
    border-style: solid;
    border-width: 8px 10px 8px 0;
    content: "";
    display: block;
    left: -11px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 0;
}
.UserRegisterDetails .interestsWrapper {
    background-image: url("/webapp/style/app/desktop/images/interests.70424fb8.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 600px;
    margin-top: 15px;
    opacity: 0.1;
    position: relative;
    width: 100%;
}
.UserRegisterPage .contents {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto;
    position: relative;
    width: 470px;
    z-index: 682;
}
.App.full .UserRegisterPage .contents {
    z-index: 1;
}
.UserRegisterRestricted .contents {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-shadow: none;
    margin: 100px auto;
    padding-top: 200px;
    position: relative;
    text-align: center;
    width: 470px;
    z-index: 682;
}
.UserRegisterRestricted .logo {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -242px -379px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 42px;
    margin-bottom: 20px;
    text-shadow: none;
    width: 169px;
}
.UserRegisterRestricted .header {
    font-size: 15px;
    font-weight: bold;
}
.UserRegisterRestricted .message {
    color: #555;
    line-height: 15px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.App.full .UserRegisterRestricted .contents {
    z-index: 1;
}
.UserSelectBase {
    border-radius: 6px;
    width: 336px;
}
.UserSelectBase .userSelectBeforeSend, .UserSelectBase .userSelectAfterSend, .UserSelectBase .userSelectAfterConnect {
    overflow: hidden !important;
    transition: max-height 0.47s ease-in-out 0s, height 0.47s ease-in-out 0s, opacity 0.22s ease-in-out 0s;
}
.UserSelectBase .userSelectBeforeSend.animate, .UserSelectBase .userSelectAfterSend.animate, .UserSelectBase .userSelectAfterConnect.animate {
    opacity: 0;
}
.UserSelectBase .userSelectBeforeSend {
    max-height: 1000px;
}
.UserSelectBase .userSelectBeforeSend:after {
    clear: both;
    content: "";
    display: table;
}
.UserSelectBase .userSelectBeforeSend.animate {
    max-height: 0;
}
.UserSelectBase .userSelectBeforeSend .userSelectConnectContent, .UserSelectBase .userSelectBeforeSend .userSelectContent {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 0 0 6px 6px;
}
.UserSelectBase .staticResults {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}
.UserSelectBase .staticResults li {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 0;
}
.UserSelectBase .staticResults li.hidden {
    display: none;
}
.UserSelectBase .staticResults li:last-child {
    border-bottom: medium none;
}
.UserSelectBase .staticResults .userSelectGplusConnect {
    color: #000;
    display: inline-table;
    width: 336px;
}
.UserSelectBase .staticResults .userSelectGplusConnect:hover {
    cursor: pointer;
}
.UserSelectBase .staticResults .noResults {
    padding: 12px 14px;
}
.UserSelectBase .staticResults .noResults span {
    display: block;
    margin-bottom: 7px;
    text-align: center;
}
.UserSelectBase .staticResults .noResults span.noResultsTitle {
    color: #5b5b5b;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 6px;
}
.UserSelectBase .staticResults .noResultsBody {
    color: #959595;
}
.UserSelectBase .userSelectAfterConnect, .UserSelectBase .userSelectAfterSend {
    display: none;
    max-height: 80px;
    overflow: hidden;
}
.UserSelectBase .userSelectAfterConnect.animate, .UserSelectBase .userSelectAfterSend.animate {
    max-height: 0;
}
.UserSelectBase .userSelectAfterConnect .userSelectConnectContent, .UserSelectBase .userSelectAfterConnect .userSelectContent, .UserSelectBase .userSelectAfterSend .userSelectConnectContent, .UserSelectBase .userSelectAfterSend .userSelectContent {
    overflow: hidden;
    padding: 10px;
}
.UserSelectBase .userSelectAfterConnect.active, .UserSelectBase .userSelectAfterSend.active {
    display: block;
}
.UserSelectBase .userSelectAfterConnect .userSelectConnectSuccess, .UserSelectBase .userSelectAfterConnect .userSelectSuccess, .UserSelectBase .userSelectAfterSend .userSelectConnectSuccess, .UserSelectBase .userSelectAfterSend .userSelectSuccess {
    color: #000;
    font-weight: 500;
    margin-top: 2px;
}
.UserSelectBase .userSelectAfterConnect .userSelectConnectText, .UserSelectBase .userSelectAfterConnect .userSelectRecipientText, .UserSelectBase .userSelectAfterSend .userSelectConnectText, .UserSelectBase .userSelectAfterSend .userSelectRecipientText {
    color: #797979;
    font-weight: 500;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserSelectBase .userSelectAfterConnect .userSelectConnectText, .UserSelectBase .userSelectAfterSend .userSelectConnectText {
    max-width: 300px;
}
.UserSelectBase .userSelectHeader {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px 6px 0 0;
    min-height: 32px;
    padding: 8px 14px 10px;
    position: relative;
    z-index: 2;
}
.UserSelectBase .userSelectHeader:after {
    clear: both;
    content: "";
    display: table;
}
.UserSelectBase .userSelectHeader .userSelectMessage {
    color: #777;
    float: right;
    font-weight: bold;
}
.UserSelectBase .userSelectHeader .userSelectHeaderTitle {
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
}
.UserSelectBase .undoUserSelect {
    float: right;
    margin-top: 4px;
}
.UserSelectBase .typeaheadFieldWrapper {
    padding-top: 11px;
    position: relative;
    text-align: center;
}
.UserSelectBase .searchIcon {
    background: url("/webapp/style/sprites/webapp-common-main-1x.6a9becad.png") no-repeat scroll 0 -192px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 17px;
    position: absolute;
    right: 23px;
    text-shadow: none;
    top: 20px;
    width: 16px;
    z-index: 4;
}
@media not all, (min-resolution: 144dpi) {
.UserSelectBase .searchIcon {
    background-image: url("/webapp/style/sprites/webapp-common-main-2x.fd8a0547.png");
    background-position: -170px -80px;
    background-size: 191px 187px;
}
}
.UserSelectBase .userSelectConnectSuccessMugWrapper, .UserSelectBase .userSelectSuccessMugWrapper {
    position: relative;
}
.UserSelectBase .userSelectConnectSuccessMugWrapper:after, .UserSelectBase .userSelectSuccessMugWrapper:after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
    content: " ";
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px;
}
.UserSelectBase .userSelectConnectSuccessMugWrapper img, .UserSelectBase .userSelectSuccessMugWrapper img {
    border-radius: 3px;
    height: 38px;
    width: 38px;
}
.UserSelectBase .userSelectConnectSuccessMug, .UserSelectBase .userSelectSuccessMug {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -334px -179px rgba(0, 0, 0, 0);
    border-radius: 6px;
    float: left;
    height: 38px;
    margin-right: 10px;
    overflow: hidden;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.UserSelectBase .userSelectConnectSuccessMug, .UserSelectBase .userSelectSuccessMug {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -330px -286px;
    background-size: 623px 491px;
}
}
.UserSelectBase .gplusConnectSuccessMug {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -148px -426px rgba(0, 0, 0, 0);
    height: 38px;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.UserSelectBase .gplusConnectSuccessMug {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -317px -138px;
    background-size: 623px 491px;
}
}
.UserSelectBase .googleConnectSuccessMug {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -579px -379px rgba(0, 0, 0, 0);
    height: 38px;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.UserSelectBase .googleConnectSuccessMug {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -252px -286px;
    background-size: 623px 491px;
}
}
.UserSelectBase .yahooConnectSuccessMug {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -539px -379px rgba(0, 0, 0, 0);
    height: 38px;
    width: 38px;
}
@media not all, (min-resolution: 144dpi) {
.UserSelectBase .yahooConnectSuccessMug {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -291px -286px;
    background-size: 623px 491px;
}
}
.UserSelectBase .userSelectConnectSuccessMessage, .UserSelectBase .userSelectSuccessMessage {
    float: left;
}
.UserSelectBase .userSelectMessageWrapper {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    height: 46px;
    opacity: 1;
    overflow: hidden;
    padding: 14px 14px 0;
    position: relative;
    text-align: center;
    transition: height 0.3s ease-in-out 0s, padding 0.15s ease-in-out 0.04s;
}
.UserSelectBase .userSelectMessageWrapper.animate {
    border-bottom: medium none;
    box-shadow: none;
    height: 0;
    padding-top: 0;
}
.UserSelectBase .userSelectAddMessage.thumb.medium {
    float: left;
    margin-right: 14px;
    overflow: hidden;
}
.UserSelectBase .userSelectAddMessage.thumb.medium .thumbImageWrapper {
    height: 30px;
    width: 30px;
}
.UserSelectBase .userSelectAddMessage.thumb.medium .thumbImageWrapper img {
    height: 30px;
    width: 30px;
}
.UserSelectBase .messageInputWrapper {
    overflow: hidden;
}
.UserSelectBase .messageInputWrapper .message {
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    margin-top: 0;
    padding-top: 7px;
    width: 100%;
}
.UserSelectBase .userBubble {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -180px -550px rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    font: 0px/0 serif;
    height: 17px;
    left: 52px;
    position: absolute;
    text-shadow: none;
    top: 20px;
    width: 8px;
}
@media not all, (min-resolution: 144dpi) {
.UserSelectBase .userBubble {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -557px -438px;
    background-size: 623px 491px;
}
}
.UserSelectBase .sendEmailError {
    color: #cb2027;
    margin: 8px;
    text-align: center;
}
.UserSelectBase input {
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
    font-size: 13px;
    margin-bottom: 14px;
    margin-top: 2px;
    padding: 6px 10px;
}
.UserSelectBase input:focus {
    border-color: #ccc;
}
.UserSelectFriendsInvite .userSelectMessage {
    display: none;
}
.UserSettingsPage {
    position: relative;
}
.UserSettingsPage .tocAndFormWrapper {
    margin: 0 auto;
    width: 990px;
}
.columns-3 .UserSettingsPage .tocAndFormWrapper {
    width: 734px;
}
.UserSettingsPage .tocAndFormWrapper h1 {
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 52px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
}
.UserSettingsPage .tocAndFormWrapper .changePasswordButton, .UserSettingsPage .tocAndFormWrapper .resetPasswordLink {
    color: #cb2027;
    font-weight: bold;
    margin-top: 5px;
}
.UserSettingsPage .tocAndFormWrapper .resetPasswordLink {
    display: block;
}
.UserSettingsPage .tocAndFormWrapper .exclude_from_search {
    display: block;
    font-size: 12px;
    font-weight: normal;
    max-width: 365px;
    overflow: hidden;
}
.UserSettingsPage .tocAndFormWrapper .personalize_and_ads_from_offsite_browsing, .UserSettingsPage .tocAndFormWrapper .ads_customize_from_conversion {
    display: block;
    font-size: 12px;
    font-weight: normal;
    max-width: 600px;
    overflow: hidden;
}
.UserSettingsPage .tocAndFormWrapper .clearRecentSearches {
    margin-bottom: 5px;
}
.UserSettingsPage .tocAndFormWrapper .clearRecentContactsDetails, .UserSettingsPage .tocAndFormWrapper .clearRecentSearchDetails {
    color: #555;
    display: inline-block;
    margin-left: 7px;
    margin-top: 3px;
    vertical-align: top;
    width: 270px;
}
.UserSettingsPage .tocAndFormWrapper .groupBoardEmailSettings {
    margin-left: 226px;
    margin-top: 10px;
}
.UserSettingsPage .tocAndFormWrapper .formCheckedSet span {
    line-height: 28px;
}
.UserSettingsPage .tocAndFormWrapper .formCheckedSet .personalize_from_offsite_browsing {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}
.UserSettingsPage .tocAndFormWrapper ul.toc {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    position: fixed;
    width: 236px;
}
.columns-3 .UserSettingsPage .tocAndFormWrapper ul.toc {
    display: none;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li {
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
    min-height: 18px;
    padding: 14px 20px 10px;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li a {
    color: #999;
    font-size: 13px;
    font-weight: normal;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li a:hover {
    color: #444;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li:last-child {
    border-bottom: medium none;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li.selected {
    background-color: #f0f0f0;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li.selected a {
    color: #555;
    font-weight: bold;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li.selected:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.UserSettingsPage .tocAndFormWrapper ul.toc li.selected:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.UserSettingsPage .tocAndFormWrapper .standardForm {
    margin: 50px 0 0 256px;
    padding-bottom: 53px;
}
.columns-3 .UserSettingsPage .tocAndFormWrapper .standardForm {
    margin-left: 0;
}
.UserSettingsPage .tocAndFormWrapper .standardForm > ul {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    margin-bottom: 14px;
}
.UserSettingsPage .tocAndFormWrapper .standardForm > ul > li {
    padding: 15px 30px;
}
.UserSettingsPage .tocAndFormWrapper .saveSettingsButton {
    margin-left: 10px;
}
.UserSettingsPage .tocAndFormWrapper .formFooter {
    border-radius: 6px;
    bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    position: sticky;
    width: 694px;
}
.UserSettingsPage .tocAndFormWrapper .headlessSection {
    border-top: 0 none;
    padding-top: 0;
}
.UserSettingsPage .tocAndFormWrapper .sectionTitle {
    font-family: "PT Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
}
.UserSettingsPage .tocAndFormWrapper .sectionTitle h2 {
    font-size: 22px;
}
.UserSettingsPage .tocAndFormWrapper .emailDisabled > li {
    display: none;
}
.UserSettingsPage .tocAndFormWrapper .emailDisabled .sectionTitle, .UserSettingsPage .tocAndFormWrapper .emailDisabled .emailGlobalToggle {
    display: block;
}
.UserSettingsPage .tocAndFormWrapper .personalizationDetails {
    color: #555;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 0 10px;
}
.UserSettingsPage .tocAndFormWrapper .personalizationSettings li {
    overflow: visible;
}
.UserSettingsPage .tocAndFormWrapper .personalizationAndAdsSettings li {
    margin-top: 10px;
    overflow: visible;
    width: 365px;
}
.UserSocialNetworkSettings .socialHeader h4 {
    font-size: 14px;
    font-weight: 200;
}
.UserSocialNetworkSettings .socialHeader .socialIcon, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconFacebook, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconFacebook, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconTwitter, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconTwitter, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconGplus, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconGplus, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconGoogle, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconGoogle, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconYahoo, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconYahoo, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconRakuten, .UserSocialNetworkSettings .socialHeader .UserSocialNetworkSettings .socialHeader .socialIconRakuten {
    margin-right: 12px;
    margin-top: -2px;
}
.UserSocialNetworkSettings .socialHeader .socialIconFacebook {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -483px -426px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.UserSocialNetworkSettings .socialHeader .socialIconFacebook {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -558px -294px;
    background-size: 623px 491px;
}
}
.UserSocialNetworkSettings .socialHeader .socialIconTwitter {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll 0 -467px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
.UserSocialNetworkSettings .socialHeader .socialIconGplus {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -547px -426px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.UserSocialNetworkSettings .socialHeader .socialIconGplus {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -327px -376px;
    background-size: 623px 491px;
}
}
.UserSocialNetworkSettings .socialHeader .socialIconGoogle {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -515px -426px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.UserSocialNetworkSettings .socialHeader .socialIconGoogle {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -589px -294px;
    background-size: 623px 491px;
}
}
.UserSocialNetworkSettings .socialHeader .socialIconYahoo {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -96px -467px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.UserSocialNetworkSettings .socialHeader .socialIconYahoo {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -496px -294px;
    background-size: 623px 491px;
}
}
.UserSocialNetworkSettings .socialHeader .socialIconRakuten {
    background: url("/webapp/style/sprites/webapp-desktop-main-1x.d6a11d59.png") no-repeat scroll -579px -426px rgba(0, 0, 0, 0);
    color: transparent;
    display: inline-block;
    font: 0px/0 serif;
    height: 30px;
    text-shadow: none;
    width: 30px;
}
@media not all, (min-resolution: 144dpi) {
.UserSocialNetworkSettings .socialHeader .socialIconRakuten {
    background-image: url("/webapp/style/sprites/webapp-desktop-main-2x.794e442e.png");
    background-position: -372px -294px;
    background-size: 623px 491px;
}
}
.standardForm > .UserSocialNetworkSettings > li {
    border-top: 1px solid rgba(223, 223, 223, 0.5);
}
.UserSocialNetworkSettings > li.socialHeader {
    border-top: 1px solid #dfdfdf;
}
.YourWebsiteDropdown {
    max-width: 250px;
}
.YourWebsiteDropdown .title {
    margin-bottom: 7px;
}
.YourWebsiteDropdown .padded {
    padding: 12px 14px 7px;
}
.YourWebsiteDropdown .description {
    color: #777;
    font-size: 13px;
    line-height: 17px;
}
.YourWebsiteDropdown .description a, .YourWebsiteDropdown .description strong {
    color: #444;
    font-weight: bold;
}
.YourWebsiteDropdown .description a:hover {
    color: #cb2027;
}
.YourWebsiteDropdown .divider {
    border-top: 1px solid #e5e5e5;
}