.center {
    text-align: center
}
.right {
    text-align: right
}
.pull-left {
    float: left !important
}
.clear {
    display: block
}
.postcard-id {
    white-space: nowrap
}
#root {
    height: 100%
}
body {
    background-color: #ecebe9
}
#root .r-wrpr {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 0px
}

form.twoColumn {
    width: 100%
}
form.twoColumn * {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
form.twoColumn img.image-with-shadow {
    -ms-box-sizing: initial;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial
}
form.twoColumn fieldset {
    border-color: transparent;
    border-width: 1px 0 0 0;
    border-image: linear-gradient(to left, #ccc 0, rgba(0, 0, 0, 0) 75%) 1 0 0;
    margin: 0 0 30px 0;
    padding: 20px
}
form.twoColumn legend {
    padding: 0 .5em;
    font-size: 15px;
    text-align: right
}
form.twoColumn .form-row {
    clear: both;
    overflow: hidden;
    padding-bottom: 2em
}
form.twoColumn .form-row:last-child,
form.twoColumn .form-row.no-padding-bottom {
    padding-bottom: 0
}
form.twoColumn .form-row>label {
    float: left;
    width: 25%;
    text-align: right;
    padding-right: 10px
}
form.twoColumn .form-row>div {
    float: right;
    width: 75%
}
form.twoColumn .form-row>div input,
form.twoColumn .form-row>div select,
form.twoColumn .form-row>div textarea {
    width: 50%
}
form.twoColumn .form-row>div input[type=checkbox],
form.twoColumn .form-row>div input[type=radio] {
    width: auto
}
form.twoColumn .form-row>div textarea {
    resize: vertical;
    overflow: auto
}
form.twoColumn .form-row>div input,
form.twoColumn .form-row>div textarea,
form.twoColumn .form-row>div select {
    margin-top: 0
}
form.twoColumn .form-row>div .help {
    color: grey
}
form.twoColumn .form-row>div .with-side-help {
    float: left;
    width: 50%
}
form.twoColumn .form-row>div .with-side-help input,
form.twoColumn .form-row>div .with-side-help select,
form.twoColumn .form-row>div .with-side-help textarea {
    width: 100%
}
form.twoColumn .form-row>div .with-side-help input[type=checkbox],
form.twoColumn .form-row>div .with-side-help input[type=radio] {
    width: auto
}
form.twoColumn .form-row>div .side-help {
    float: right;
    width: 50%;
    padding-left: 1em
}
form.twoColumn .form-row>div select.date-3-elements {
    width: 16.66%
}
form.twoColumn .form-row>div>button {
    margin-top: 1em
}
ul.error_list {
    list-style-type: none;
    background: #fbe3e4;
    color: #d12f19;
    border: 1px solid #fbc2c4;
    padding: .4em;
    margin: 0
}
ul.radio_list {
    list-style-type: none;
    margin: 0
}
.loading-indicator {
    display: inline-block
}
.loading-indicator i {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: bottom;
    border-radius: 50%
}
.loading-indicator i:nth-child(1) {
    background-color: #d72147;
    -webkit-animation: cssload-loading-ani1 1.15s ease-in-out infinite;
    animation: cssload-loading-ani1 1.15s ease-in-out infinite
}
.loading-indicator i:nth-child(2) {
    background: #3475b9;
    margin-left: -3px;
    -webkit-animation: cssload-loading-ani1 1.15s ease-in-out .58s infinite;
    animation: cssload-loading-ani1 1.15s ease-in-out .58s infinite
}
@-webkit-keyframes cssload-loading-ani1 {
    70% {
        -webkit-transform: scale(0.5)
    }
}
@keyframes cssload-loading-ani1 {
    70% {
        transform: scale(0.5)
    }
}
.logo-blue {
    color: #3475b9
}
.logo-red {
    color: #d72147
}
.progress-meter {
    height: 21px;
    background-color: #ecebe9;
    position: relative;
    overflow: hidden
}
.progress-meter .progress {
    height: 21px;
    background-color: #3475b9;
    position: relative
}
.progress-meter .progress i {
    position: absolute;
    top: 0;
    right: -21px;
    width: 0;
    border-bottom: 21px solid #ecebe9;
    border-left: 21px solid #3475b9
}
.meter-header {
    font-weight: bold;
    text-align: center;
    margin-bottom: .5em
}
.postcardImageList {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.postcardImageList li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-bottom: 1em
}
.postcardImageList li figure {
    margin: 0
}
.postcardImageList li figure figcaption {
    text-align: center;
    margin-top: .5em
}
ol.ordered-list-1 {
    list-style-type: none;
    counter-reset: item
}
ol.ordered-list-1 li {
    counter-increment: item;
    margin-bottom: 1em
}
ol.ordered-list-1 li::before {
    content: counter(item);
    float: left;
    margin-left: -2rem;
    margin-right: 10px;
    font-size: 125%;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background-color: #d72147;
    border-radius: 100%;
    color: white;
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em
}
.circled-content {
    display: inline-block;
    text-align: center;
    background-color: #d72147;
    border-radius: 100%;
    color: white;
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em
}
.hline {
    display: block;
    height: 0;
    border: 0;
    border-width: 0;
    border-bottom: 1px solid #7c7c7c;
    margin-bottom: 8px
}
.hline.dotted {
    border-style: dotted
}
.hline.dashed {
    border-style: dashed
}
.hline.gradient {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #3475b9, #3475b9, rgba(0, 0, 0, 0))
}
.dotted-line {
    display: block;
    height: 8px;
    background: transparent url(/images/sprites/repeating-dot.png) repeat-x -4px 0
}
.dashed-list {
    list-style: none;
    margin-bottom: 15px
}
.dashed-list li {
    *zoom: 1;
    border-bottom: 1px dashed #7c7c7c;
    padding: 12px 0 14px
}
.dashed-list li:before,
.dashed-list li:after {
    display: table;
    content: ""
}
.dashed-list li:after {
    clear: both
}
.dashed-list li.last {
    border-width: 0
}
.dashed-list.with-icons {
    margin-bottom: 0
}
.dashed-list.with-icons li {
    position: relative
}
.dashed-list.with-icons .icn {
    position: absolute;
    margin-top: -22px;
    top: 50%;
    left: 0
}
.dashed-list.with-icons a,
.dashed-list.with-icons span {
    display: block;
    padding-left: 50px
}
.image-with-shadow {
    padding: 4px;
    background-color: white;
    border: 1px solid #a9a9a9;
    -webkit-box-shadow: 3px 3px 4px 0 #dcdcdc;
    -moz-box-shadow: 3px 3px 4px 0 #dcdcdc;
    box-shadow: 3px 3px 4px 0 #dcdcdc
}
.image-with-shadow.shadow-on-blue {
    -webkit-box-shadow: 3px 3px 4px 0 #265a92;
    -moz-box-shadow: 3px 3px 4px 0 #265a92;
    box-shadow: 3px 3px 4px 0 #265a92
}
.image-with-shadow.shadow-on-gray {
    -webkit-box-shadow: 3px 3px 4px 0 #9e9e9e;
    -moz-box-shadow: 3px 3px 4px 0 #9e9e9e;
    box-shadow: 3px 3px 4px 0 #9e9e9e
}
.sectionedContainer section {
    margin: 2.5em 0 1em 0
}
.sectionedContainer section h2 {
    background-color: #3475b9;
    color: white;
    padding: .25em 3%
}
.sectionedContainer section.gist {
    font-size: 14px;
    font-weight: bold;
    margin: 6%
}
.sectionedContainer section dl {
    margin-left: 3%
}
.sectionedContainer section dl dt {
    list-style-type: disc;
    list-style-position: outside;
    display: list-item
}
.sectionedContainer section dl dd {
    margin: 0;
    margin-bottom: 1em
}
.sectionedContainer.full-width-long-text section {
    font-size: 13px;
    line-height: 25px;
    padding-left: 3%;
    padding-right: 3%
}
.sectionedContainer.full-width-long-text section h2 {
    margin-left: -3%;
    margin-right: -3%
}
.sectionedContainer.full-width-long-text section.gist {
    margin: 0
}
.sectionedContainer.full-width-long-text section:last-child {
    margin-bottom: 3%
}
ul.tabs,
ul.pills {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
ul.tabs li,
ul.pills li {
    display: table-cell;
    font-size: 14px;
    color: #3475b9;
    text-align: center;
    white-space: nowrap
}
ul.tabs li a,
ul.pills li a {
    display: block
}
ul.tabs li a:hover,
ul.pills li a:hover {
    color: #1e4369 !important;
    text-decoration: none
}
ul.tabs {
    border-bottom: 1px solid #dcdcdc
}
ul.tabs li {
    line-height: 40px;
    height: 40px;
    text-transform: uppercase
}
ul.tabs li.isActive {
    border-bottom: 3px solid #3475b9
}
ul.pills li {
    font-size: 13px;
    padding: .1em
}
ul.pills li.isActive {
    background-color: #3475b9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
ul.pills li.isActive a {
    color: white !important
}
.pagination {
    padding: 2px
}
.pagination ul {
    margin: 0;
    padding: 0;
    text-align: center
}
.pagination ul li {
    list-style-type: none;
    display: inline-block;
    padding-bottom: 5px
}
.pagination a,
.pagination a:visited {
    color: #848484 !important;
    border: 1px solid #ccc;
    padding: 1px 5px;
    text-decoration: none
}
.pagination a:hover,
.pagination .pagination a:active {
    background-color: #efefff;
    color: #848484;
    border: 1px solid #add6ff
}
.pagination a.currentpage {
    background-color: #ddd;
    color: #545454 !important;
    border-color: #848484;
    font-weight: bold;
    cursor: default
}
.pagination a.disablelink,
.pagination a.disablelink:hover {
    background-color: white;
    cursor: default;
    color: #ddd !important;
    border-color: #ccc;
    font-weight: normal !important
}
@keyframes highlight-effect {
    from {
        background: yellow
    }
}
@-webkit-keyframes highlight-effect {
    from {
        background: yellow
    }
}
.highlight-effect {
    -webkit-animation: highlight-effect 2s;
    animation: highlight-effect 2s
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}
.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: .2em
}
.resp-sharing-button {
    border-radius: 999px;
    transition: 25ms ease-out;
    padding: .5em;
    width: 1em;
    height: 1em
}
.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em
}
.resp-sharing-button__icon--solid {
    fill: #fff;
    stroke: none
}
.resp-sharing-button--twitter {
    background-color: #55acee
}
.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}
.resp-sharing-button--facebook {
    background-color: #3b5998
}
.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}
.resp-sharing-button--tumblr {
    background-color: #35465c
}
.resp-sharing-button--tumblr:hover {
    background-color: #222d3c
}
.resp-sharing-button--google {
    background-color: #dd4b39
}
.resp-sharing-button--google:hover {
    background-color: #c23321
}
.resp-sharing-button--email {
    background-color: #777
}
.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}
.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373
}
.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9
}
.resp-sharing-button--google {
    background-color: #dd4b39;
    border-color: #dd4b39
}
.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
    background-color: #c23321;
    border-color: #c23321
}
.resp-sharing-button--tumblr {
    background-color: #35465c;
    border-color: #35465c
}
.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
    background-color: #222d3c;
    border-color: #222d3c
}
.resp-sharing-button--email {
    background-color: #777;
    border-color: #777
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e
}
.post-box {
    border-style: solid;
    border-width: 16px 0 0 0;
    border-image: repeating-linear-gradient(-45deg, #d72147, #d72147 16px, transparent 0, transparent 22px, #3475b9 0, #3475b9 38px, transparent 0, transparent 44px) 16
}
.post-box.body-color-background {
    background-color: #fff
}
.map {
    border: 1px solid #ccc
}
.map-attribution {
    text-align: right;
    font-size: 10px;
    margin-bottom: 0
}
.map-attribution span {
    display: none
}
.deleted-account {
    font-style: italic;
    color: gray
}
.boxedControls {
    width: 95%;
    margin: 0 auto;
    background-color: whitesmoke;
    border: 1px solid #dcdcdc;
    padding: 1em 0
}
.boxedControls form {
    padding: 0 1em
}
.elastic-image {
    max-width: 100%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(/img/flags.png) no-repeat;
    background-position: 52px 42px
}
.flag-AM {
    background-position: 0 0
}
.flag-AL {
    background-position: -26px 0
}
.flag-AI {
    background-position: -52px 0
}
.flag-AG {
    background-position: -78px 0
}
.flag-AF {
    background-position: -104px 0
}
.flag-AE {
    background-position: -130px 0
}
.flag-AD {
    background-position: -156px 0
}
.flag-AZ {
    background-position: -182px 0
}
.flag-SX {
    background-position: -208px 0
}
.flag-AO {
    background-position: -234px 0
}
.flag-AR {
    background-position: -260px 0
}
.flag-AS {
    background-position: -286px 0
}
.flag-AT {
    background-position: -312px 0
}
.flag-XA,
.flag-AU {
    background-position: -338px 0
}
.flag-AW {
    background-position: -364px 0
}
.flag-AX {
    background-position: -390px 0
}
.flag-BY {
    background-position: 0 -21px
}
.flag-BW {
    background-position: -26px -21px
}
.flag-BV {
    background-position: -52px -21px
}
.flag-BT {
    background-position: -78px -21px
}
.flag-BS {
    background-position: -104px -21px
}
.flag-BR {
    background-position: -130px -21px
}
.flag-BO {
    background-position: -156px -21px
}
.flag-BN {
    background-position: -182px -21px
}
.flag-BM {
    background-position: -208px -21px
}
.flag-BJ {
    background-position: -234px -21px
}
.flag-BI {
    background-position: -260px -21px
}
.flag-BH {
    background-position: -286px -21px
}
.flag-BG {
    background-position: -312px -21px
}
.flag-BF {
    background-position: -338px -21px
}
.flag-BE {
    background-position: -364px -21px
}
.flag-BD {
    background-position: -390px -21px
}
.flag-BB {
    background-position: 0 -42px
}
.flag-BA {
    background-position: -26px -42px
}
.flag-BZ {
    background-position: -52px -42px
}
.flag-CY {
    background-position: -78px -42px
}
.flag-CZ {
    background-position: -104px -42px
}
.flag-CA {
    background-position: -130px -42px
}
.flag-CC {
    background-position: -182px -42px
}
.flag-CD {
    background-position: -208px -42px
}
.flag-CF {
    background-position: -234px -42px
}
.flag-CG {
    background-position: -260px -42px
}
.flag-CH {
    background-position: -286px -42px
}
.flag-CI {
    background-position: -312px -42px
}
.flag-CK {
    background-position: -338px -42px
}
.flag-CL {
    background-position: -364px -42px
}
.flag-CM {
    background-position: -390px -42px
}
.flag-CN {
    background-position: 0 -63px
}
.flag-CV {
    background-position: -26px -63px
}
.flag-EC {
    background-position: -52px -63px
}
.flag-CR {
    background-position: -78px -63px
}
.flag-CS {
    background-position: -104px -63px
}
.flag-CU {
    background-position: -130px -63px
}
.flag-CX {
    background-position: -156px -63px
}
.flag-DZ {
    background-position: -182px -63px
}
.flag-DE {
    background-position: -208px -63px
}
.flag-DJ {
    background-position: -234px -63px
}
.flag-DK {
    background-position: -260px -63px
}
.flag-DM {
    background-position: -286px -63px
}
.flag-DO {
    background-position: -312px -63px
}
.flag-EU {
    background-position: -338px -63px
}
.flag-CO {
    background-position: -364px -63px
}
.flag-EE {
    background-position: -390px -63px
}
.flag-EG {
    background-position: 0 -84px
}
.flag-EH {
    background-position: -26px -84px
}
.flag-ER {
    background-position: -78px -84px
}
.flag-ES {
    background-position: -104px -84px
}
.flag-ET {
    background-position: -130px -84px
}
.flag-FI {
    background-position: -182px -84px
}
.flag-FJ {
    background-position: -208px -84px
}
.flag-FK {
    background-position: -234px -84px
}
.flag-FM {
    background-position: -260px -84px
}
.flag-FO {
    background-position: -286px -84px
}
.flag-BL,
.flag-MF,
.flag-FR {
    background-position: -312px -84px
}
.flag-GY {
    background-position: -338px -84px
}
.flag-GA {
    background-position: -364px -84px
}
.flag-GB {
    background-position: -390px -84px
}
.flag-GD {
    background-position: 0 -105px
}
.flag-GE {
    background-position: -26px -105px
}
.flag-GF {
    background-position: -52px -105px
}
.flag-GH {
    background-position: -78px -105px
}
.flag-GI {
    background-position: -104px -105px
}
.flag-GL {
    background-position: -130px -105px
}
.flag-GM {
    background-position: -156px -105px
}
.flag-GN {
    background-position: -182px -105px
}
.flag-GP {
    background-position: -208px -105px
}
.flag-GQ {
    background-position: -234px -105px
}
.flag-GR {
    background-position: -260px -105px
}
.flag-GS {
    background-position: -286px -105px
}
.flag-GT {
    background-position: -312px -105px
}
.flag-GU {
    background-position: -338px -105px
}
.flag-GW {
    background-position: -364px -105px
}
.flag-HT {
    background-position: -390px -105px
}
.flag-HR {
    background-position: 0 -126px
}
.flag-HN {
    background-position: -26px -126px
}
.flag-HM {
    background-position: -52px -126px
}
.flag-HK {
    background-position: -78px -126px
}
.flag-HU {
    background-position: -104px -126px
}
.flag-IS {
    background-position: -130px -126px
}
.flag-IR {
    background-position: -156px -126px
}
.flag-IQ {
    background-position: -182px -126px
}
.flag-IO {
    background-position: -208px -126px
}
.flag-IN {
    background-position: -234px -126px
}
.flag-IL {
    background-position: -260px -126px
}
.flag-IE {
    background-position: -286px -126px
}
.flag-ID {
    background-position: -312px -126px
}
.flag-IT {
    background-position: -338px -126px
}
.flag-JO {
    background-position: -364px -126px
}
.flag-JM {
    background-position: -390px -126px
}
.flag-JP {
    background-position: 0 -147px
}
.flag-KY {
    background-position: -26px -147px
}
.flag-KW {
    background-position: -52px -147px
}
.flag-KR {
    background-position: -78px -147px
}
.flag-KP {
    background-position: -104px -147px
}
.flag-KN {
    background-position: -130px -147px
}
.flag-KM {
    background-position: -156px -147px
}
.flag-KI {
    background-position: -182px -147px
}
.flag-KH {
    background-position: -208px -147px
}
.flag-KG {
    background-position: -234px -147px
}
.flag-KE {
    background-position: -260px -147px
}
.flag-KZ {
    background-position: -286px -147px
}
.flag-LV {
    background-position: -312px -147px
}
.flag-LU {
    background-position: -338px -147px
}
.flag-LT {
    background-position: -364px -147px
}
.flag-LS {
    background-position: -390px -147px
}
.flag-LR {
    background-position: 0 -168px
}
.flag-LK {
    background-position: -26px -168px
}
.flag-LI {
    background-position: -52px -168px
}
.flag-LC {
    background-position: -78px -168px
}
.flag-LB {
    background-position: -104px -168px
}
.flag-LA {
    background-position: -130px -168px
}
.flag-LY {
    background-position: -156px -168px
}
.flag-MY {
    background-position: -182px -168px
}
.flag-MX {
    background-position: -208px -168px
}
.flag-MW {
    background-position: -234px -168px
}
.flag-MV {
    background-position: -260px -168px
}
.flag-MU {
    background-position: -286px -168px
}
.flag-MT {
    background-position: -312px -168px
}
.flag-MS {
    background-position: -338px -168px
}
.flag-MR {
    background-position: -364px -168px
}
.flag-MQ {
    background-position: -390px -168px
}
.flag-MP {
    background-position: 0 -189px
}
.flag-MO {
    background-position: -26px -189px
}
.flag-MN {
    background-position: -52px -189px
}
.flag-MM {
    background-position: -78px -189px
}
.flag-ML {
    background-position: -104px -189px
}
.flag-MK {
    background-position: -130px -189px
}
.flag-MH {
    background-position: -156px -189px
}
.flag-MG {
    background-position: -182px -189px
}
.flag-ME {
    background-position: -208px -189px
}
.flag-MD {
    background-position: -234px -189px
}
.flag-MC {
    background-position: -260px -189px
}
.flag-MA {
    background-position: -286px -189px
}
.flag-MZ {
    background-position: -312px -189px
}
.flag-NU {
    background-position: -338px -189px
}
.flag-NR {
    background-position: -364px -189px
}
.flag-NP {
    background-position: -390px -189px
}
.flag-NO {
    background-position: 0 -210px
}
.flag-NL,
.flag-BQ {
    background-position: -26px -210px
}
.flag-NI {
    background-position: -52px -210px
}
.flag-NG {
    background-position: -78px -210px
}
.flag-NF {
    background-position: -104px -210px
}
.flag-NE {
    background-position: -130px -210px
}
.flag-NC {
    background-position: -156px -210px
}
.flag-NA {
    background-position: -182px -210px
}
.flag-NZ {
    background-position: -208px -210px
}
.flag-OM {
    background-position: -234px -210px
}
.flag-PW {
    background-position: -260px -210px
}
.flag-PT {
    background-position: -286px -210px
}
.flag-PS {
    background-position: -312px -210px
}
.flag-PR {
    background-position: -338px -210px
}
.flag-PN {
    background-position: -364px -210px
}
.flag-PM {
    background-position: -390px -210px
}
.flag-PL {
    background-position: 0 -231px
}
.flag-PK {
    background-position: -26px -231px
}
.flag-PH {
    background-position: -52px -231px
}
.flag-PG {
    background-position: -78px -231px
}
.flag-PF {
    background-position: -104px -231px
}
.flag-PE {
    background-position: -130px -231px
}
.flag-PA {
    background-position: -156px -231px
}
.flag-PY {
    background-position: -182px -231px
}
.flag-QA {
    background-position: -208px -231px
}
.flag-RU {
    background-position: -234px -231px
}
.flag-RS {
    background-position: -260px -231px
}
.flag-RO {
    background-position: -286px -231px
}
.flag-RE {
    background-position: -312px -231px
}
.flag-RW {
    background-position: -338px -231px
}
.flag-SY {
    background-position: -364px -231px
}
.flag-SV {
    background-position: -390px -231px
}
.flag-ST {
    background-position: 0 -252px
}
.flag-SR {
    background-position: -26px -252px
}
.flag-SO {
    background-position: -52px -252px
}
.flag-SN {
    background-position: -78px -252px
}
.flag-SM {
    background-position: -104px -252px
}
.flag-SL {
    background-position: -130px -252px
}
.flag-SK {
    background-position: -156px -252px
}
.flag-SJ {
    background-position: -182px -252px
}
.flag-SI {
    background-position: -208px -252px
}
.flag-SH {
    background-position: -234px -252px
}
.flag-SG {
    background-position: -260px -252px
}
.flag-SE {
    background-position: -286px -252px
}
.flag-SD {
    background-position: -312px -252px
}
.flag-SC {
    background-position: -364px -252px
}
.flag-SB {
    background-position: -390px -252px
}
.flag-SA {
    background-position: 0 -273px
}
.flag-SZ {
    background-position: -26px -273px
}
.flag-TW {
    background-position: -52px -273px
}
.flag-TV {
    background-position: -78px -273px
}
.flag-TT {
    background-position: -104px -273px
}
.flag-TR {
    background-position: -130px -273px
}
.flag-TO {
    background-position: -156px -273px
}
.flag-TM {
    background-position: -208px -273px
}
.flag-TN {
    background-position: -182px -273px
}
.flag-TL {
    background-position: -234px -273px
}
.flag-TK {
    background-position: -260px -273px
}
.flag-TJ {
    background-position: -286px -273px
}
.flag-TH {
    background-position: -312px -273px
}
.flag-TG {
    background-position: -338px -273px
}
.flag-TF {
    background-position: -364px -273px
}
.flag-TD {
    background-position: -390px -273px
}
.flag-TC {
    background-position: 0 -294px
}
.flag-TZ {
    background-position: -26px -294px
}
.flag-UY {
    background-position: -52px -294px
}
.flag-US {
    background-position: -78px -294px
}
.flag-UM {
    background-position: -104px -294px
}
.flag-UG {
    background-position: -130px -294px
}
.flag-UA {
    background-position: -156px -294px
}
.flag-UZ {
    background-position: -182px -294px
}
.flag-VN {
    background-position: -208px -294px
}
.flag-VI {
    background-position: -234px -294px
}
.flag-VG {
    background-position: -260px -294px
}
.flag-VE {
    background-position: -286px -294px
}
.flag-VC {
    background-position: -312px -294px
}
.flag-VA {
    background-position: -338px -294px
}
.flag-VU {
    background-position: -364px -294px
}
.flag-WF {
    background-position: -390px -294px
}
.flag-WS {
    background-position: -26px -315px
}
.flag-YE {
    background-position: -52px -315px
}
.flag-YT {
    background-position: -78px -315px
}
.flag-ZM {
    background-position: -104px -315px
}
.flag-ZA {
    background-position: -130px -315px
}
.flag-ZW {
    background-position: -156px -315px
}
.flag-IM,
.flag-XM {
    background-position: -182px -315px
}
.flag-JE,
.flag-XJ {
    background-position: -234px -315px
}
.flag-GG {
    background-position: -260px -315px
}
.flag-CW {
    background-position: -286px -315px
}
.flag-AQ {
    background-position: -390px -315px
}
.flag-XK {
    background-position: -338px -252px
}
.box {
    *zoom: 1;
    background-color: #fff;
    padding: 15px 18px 5px 18px;
    margin-bottom: 20px
}
.box:before,
.box:after {
    display: table;
    content: ""
}
.box:after {
    clear: both
}
.box.with-pin {
    margin-top: 21px;
    padding-top: 0 !important
}
.box.with-pin img.pin {
    background-color: #ecebe9;
    display: block;
    margin: -21px auto 0 auto
}
.box.with-pin .framed-content {
    border-top: 1px dashed #7c7c7c;
    border-bottom: 1px dashed #7c7c7c;
    padding: 10px;
    margin: 10px 0
}
.box .box-wide {
    margin-left: -18px;
    margin-right: -18px
}
.box .with-dotted-bottom-separator {
    background: transparent url(/images/sprites/repeating-dot.png) repeat-x;
    background-position: bottom;
    margin-left: -18px;
    margin-right: -18px;
    padding-bottom: 13px;
    margin-bottom: 20px
}
.ad-box {
    text-align: center
}
.ad-box .box {
    padding: 0
}
.ad-box .box img {
    display: block
}
.notices {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    padding: 1em;
    margin-bottom: 20px
}
.notices.legalNotice {
    background-color: #fff;
    color: #555
}
.notices.legalNotice button.button {
    float: right;
    margin: 5px
}
.neutral {
    margin-bottom: 1em;
    border: 1px solid #ddd;
    padding: .8em;
    background: #e6efc2;
    color: #529214;
    border-color: #c6d880;
    background-color: #eef8fd;
    border-color: #bccdea;
    color: #555
}
#welcomeContainer button {
    margin: 1em 0 1em 1.5em
}
#welcomeContainer #learn-how-to {
    margin: 1em 0 3em 0;
    padding: 1em 2em;
    border: 5px dashed lightgray
}
#welcomeContainer #learn-how-to img {
    width: 600px;
    max-width: 100%;
    padding: 1em 0
}
#welcomeContainer #learn-how-to dl dd {
    margin-left: 1.5em
}
#welcomeContainer #learn-how-to dl p {
    margin-bottom: 1em
}
.profile-summary .box {
    *zoom: 1;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
    background: #fff url(/images/sprites/repeating-dot.png) repeat-y 310px -4px
}
.profile-summary .box:before,
.profile-summary .box:after {
    display: table;
    content: ""
}
.profile-summary .box:after {
    clear: both
}
.profile-summary .box .part {
    float: left;
    width: 310px;
    padding: 0
}
.profile-summary .box .part.part-right {
    padding: 0 12px 0 32px;
    width: 266px
}
.profile-summary .box .dotted-line {
    width: 310px
}
.profile-summary .box .part-right .dotted-line {
    width: 306px;
    margin-left: -28px
}
.profile-summary .box .section-title,
.profile-summary .box .meter-header {
    font-weight: bold;
    text-align: center;
    margin-bottom: .5em
}
.profile-summary .summary {
    *zoom: 1;
    height: 96px;
    padding-left: 40px;
    padding-right: 20px
}
.profile-summary .summary:before,
.profile-summary .summary:after {
    display: table;
    content: ""
}
.profile-summary .summary:after {
    clear: both
}
.profile-summary .summary .avatar {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 15px
}
.profile-summary .summary .avatar.image-with-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.profile-summary .summary .avatar:hover {
    border: 1px solid #d72147
}
.profile-summary .summary .info {
    float: left;
    width: 153px;
    overflow: hidden
}
.profile-summary .summary .info p {
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 37px;
    font-size: 17px
}
.profile-summary .summary .info p.postcards-sent,
.profile-summary .summary .info p.postcards-received {
    text-transform: uppercase
}
.profile-summary .summary .info p.postcards-sent small,
.profile-summary .summary .info p.postcards-received small {
    font-size: 12px
}
.profile-summary .summary .info p.postcards-sent a,
.profile-summary .summary .info p.postcards-received a {
    display: block
}
.profile-summary .summary .info p.postcards-sent a:active,
.profile-summary .summary .info p.postcards-received a:active {
    background: #fff;
    color: #3475b9
}
.profile-summary .summary .info p.postcards-sent a:hover,
.profile-summary .summary .info p.postcards-received a:hover {
    color: #3475b9
}
.profile-summary .summary .info p.postcards-sent a {
    color: #d72147 !important
}
.profile-summary .summary .info p.postcards-sent .icn-small {
    background-color: #d72147
}
.profile-summary .summary .info i {
    margin-right: 1ex
}
.profile-summary .summary .info i.r3 {
    background-color: #3475b9
}
.profile-summary .summary .info .hline {
    margin-bottom: 0
}
.profile-summary .traveling-meter {
    padding: 5px 20px 0 10px;
    height: 91px
}
.profile-summary .traveling-meter .meter-header {
    font-weight: bold
}
.profile-summary .actions {
    *zoom: 1;
    background: transparent url(/images/sprites/repeating-dot.png) repeat-y 50% 0
}
.profile-summary .actions:before,
.profile-summary .actions:after {
    display: table;
    content: ""
}
.profile-summary .actions:after {
    clear: both
}
.profile-summary .actions a {
    display: block;
    float: left;
    padding: 32px 20px 0 20px;
    height: 122px;
    width: 115px;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}
.profile-summary .actions a:active {
    background-color: transparent
}
.profile-summary .actions a .hm-icn {
    margin: 0 auto
}
.profile-summary .actions a.send-card {
    color: #d72147 !important
}
.profile-summary .actions a.send-card .hm-icn {
    background-color: #d72147;
    margin-bottom: 19px;
    padding-left: 10px
}
.profile-summary .actions a.send-card:hover .hm-icn,
.profile-summary .actions a.send-card:active .hm-icn {
    background-color: #ab1a38
}
.profile-summary .actions a.register-card {
    color: #3475b9
}
.profile-summary .actions a.register-card .hm-icn {
    background-color: #3475b9;
    margin-bottom: 10px
}
.profile-summary .actions a.register-card:hover .hm-icn,
.profile-summary .actions a.register-card:active .hm-icn {
    background-color: #295c91
}
.profile-summary .latest-stats {
    *zoom: 1;
    height: 137px;
    padding: 17px 20px 0 10px;
    position: relative;
    overflow: hidden
}
.profile-summary .latest-stats:before,
.profile-summary .latest-stats:after {
    display: table;
    content: ""
}
.profile-summary .latest-stats:after {
    clear: both
}
.profile-summary .latest-stats ul {
    list-style: none;
    float: left;
    line-height: 17px;
    margin: 0;
    margin-bottom: 4px;
    overflow: hidden
}
.profile-summary .latest-stats ul li {
    white-space: nowrap
}
.profile-summary .latest-stats .link-all-traveling {
    position: absolute;
    bottom: 1em;
    right: 20px
}
.homepage-column-left,
.homepage-column-right {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 15px
}
.homepage-column-left h3,
.homepage-column-right h3 {
    margin-top: .5em;
    margin-bottom: 1em
}
.homepage-column-left {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #eee
}
.homepage-column-left .postcardImageList li {
    width: 33%
}
.homepage-column-right {
    float: right;
    padding-left: 10px
}
#liveEvents {
    line-height: 29px;
    height: 319px;
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-bottom: 3em
}
#liveEvents p {
    margin: 0;
    padding: 0 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 1s linear
}
#liveEvents p .flag {
    display: none
}
.stats {
    margin-bottom: 3em
}
.stats .dashed-list li {
    padding: 0
}
.stats .dashed-list li span {
    display: table-cell;
    vertical-align: middle
}
.stats .dashed-list.with-icons li span {
    height: 45px
}
.latest-supporters .image-with-shadow {
    width: 80px;
    height: 80px;
    margin: 0 12px 24px 12px
}
.blog .blog-tagline {
    font-style: italic
}
.blog .blog-title-extra {
    float: right;
    text-align: right
}
.blog .blog-title-extra .postcrossing-social-media .resp-sharing-button {
    font-size: 16px;
    border-radius: 0;
    background-color: transparent;
    display: inline-block;
    padding: 0
}
.blog .blog-title-extra .postcrossing-social-media .resp-sharing-button--facebook path {
    fill: #3b5998
}
.blog .blog-title-extra .postcrossing-social-media .resp-sharing-button--twitter path {
    fill: #55acee
}
.blog .dotted-line {
    margin: 2em -18px 2em -18px
}
.blog .author {
    font-size: 12px
}
.blog .post h3 {
    padding-bottom: 15px;
    padding-top: 20px
}
.blog .post .content {
    display: block;
    overflow-x: hidden
}
.blog .post .content img,
.blog .post .content iframe {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%
}
.blog .post .post-details {
    font-style: italic;
    margin-bottom: 1em
}
.blog .post .blog-comment-count {
    float: left
}
.blog .post .share-buttons {
    float: right
}
.blog .post .share-buttons p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 0
}
.blog .post .blog-comment-count,
.blog .post .share-buttons {
    margin-bottom: 1em
}
.blog .post .dotted-line {
    margin: 2em -18px 2em -18px
}
.blog #comments h3 {
    padding-bottom: 10px;
    padding-left: 0
}
.blog .blog-pagination {
    list-style-type: none;
    margin: 0
}
.blog .blog-pagination li {
    width: 33%;
    float: left
}
.blog .blog-pagination li:nth-child(2) {
    text-align: center
}
.blog .blog-pagination li:nth-child(3) {
    text-align: right
}
#login-wrpr {
    display: table;
    width: 100%
}
#login-wrpr #loginContainer,
#login-wrpr #signupContainer {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}
#login-wrpr #loginContainer {
    padding: 0 4em
}
#login-wrpr #loginContainer input.text {
    display: block
}
#login-wrpr #loginContainer .forgot-something {
    float: left;
    line-height: 2.5em
}
#login-wrpr #signupContainer {
    text-align: center
}
#sendlist {
    margin-top: 1em;
    margin-left: 2em
}
#sendlist li {
    margin-top: .5em
}
#register-form {
    font-size: 13px
}
#register-form #postcard-id-fields select {
    width: inherit
}
#register-form #postcard-id-fields input {
    width: 6em
}
#register-form textarea {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    overflow: auto
}
#register-form input:invalid {
    border-color: pink
}
#register-form input[type=number]::-webkit-outer-spin-button,
#register-form input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
#register-form input[type=number] {
    -moz-appearance: textfield
}
#meetups-list .dotted-line {
    margin: 2em -18px 2em -18px
}
#meetups-list #events-archive {
    display: block
}
#meetups-list #events-archive-container {
    display: none
}
#meetups-list #map {
    margin-top: 1em;
    height: 300px;
    overflow: hidden;
    z-index: 1
}
#meetups-list #map .loading-indicator {
    margin-top: 140px
}
#meetups-list #events-upcoming {
    margin-top: 2em
}
#meetups-list ul {
    list-style-type: none;
    margin: 0
}
#meetups-list ul li {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em
}
#meetups-list ul li dt {
    float: left;
    width: 5em;
    text-align: center
}
#meetups-list ul li dt,
#meetups-list ul li dd {
    padding-top: 6px
}
.profilebox {
    font-size: 12px;
    padding: 0
}
.profilebox ul {
    list-style-type: none;
    margin: 0
}
.profilebox ul li {
    padding-left: 25px;
    text-indent: -25px;
    line-height: 24px;
    vertical-align: middle
}
.profilebox ul li div {
    display: inline-block;
    vertical-align: middle
}
#profileAbout {
    overflow: hidden
}
#profileAbout p {
    overflow: visible
}
table.PostcardFancyListing td {
    vertical-align: top;
    text-align: left;
    padding: 2px;
    white-space: nowrap;
    font-size: 10px
}
table.PostcardFancyListing th {
    text-align: center;
    font-size: 12px;
    border: 0
}
table.PostcardFancyListing tr.even {
    background-color: white
}
table.PostcardFancyListing tr.odd {
    background: #e9f2f9
}
.PostcardFancyListingMiddle {
    width: 4%;
    background-color: white
}
td.PostcardFancyListingPadding a {
    margin-left: 5px;
    margin-right: 5px
}
#about {
    padding: 0 5%;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px
}
#about .illustration {
    max-width: 75%;
    margin: 2.5em auto
}
#about .circled-content {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif
}
#about ul.two-columns {
    list-style-type: none;
    margin: 0;
    padding: 0
}
#about ul.two-columns li {
    float: left;
    box-sizing: border-box;
    width: 50%
}
#about ul.two-columns li:nth-child(odd) {
    padding-right: 5%
}
#about ul.two-columns li:nth-child(even) {
    padding-left: 5%
}
#about ul.two-columns dl dd {
    margin-left: 0;
    min-height: 9em
}
.history {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    padding: 0 5%
}
.history img {
    border: 1px solid gray;
    width: 33%
}
.history img.float-right {
    float: right;
    margin: 0 0 1em 1em
}
.history img.float-left {
    float: left;
    margin: 0 1em 1em 0
}
.team {
    padding: 0 5%;
    font-size: 13px;
    line-height: 20px
}
.team .headline {
    white-space: nowrap
}
.team img.avatar {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    outline: 1px solid gray;
    -webkit-box-shadow: 3px 3px 4px 0 #dcdcdc;
    -moz-box-shadow: 3px 3px 4px 0 #dcdcdc;
    box-shadow: 3px 3px 4px 0 #dcdcdc
}
#countryList {
    margin-left: auto;
    margin-right: auto
}
#countryList th {
    border-bottom: 1px solid #ccc
}
#countryList td {
    border-bottom: 1px solid #ccc
}
#countryList tr:hover td {
    background: #ccc
}
#countryInfo {
    width: 100%;
    margin: 20px
}
#countryInfo div {
    margin-bottom: 3px
}
#faq .question {
    line-height: 2.25em;
    font-size: 13px
}
#faq .question a {
    display: block
}
#faq .answer {
    padding: 1em
}
#faq .answer .linkToAnswer {
    text-align: right
}
#faq dt {
    list-style-type: none
}
#contactPage #help-steps {
    font-size: 14px;
    margin-left: 2em;
    margin: 2em 0 4em 2em
}
#contactPage #category_form {
    margin-bottom: 2em
}
#contactPage dl {
    margin: 2em 2em 2em 2em;
    padding: 1em;
    border: 1px solid #dcdcdc
}
#contactPage dl:hover {
    cursor: pointer;
    background-color: #f5f5f5
}
#contactPage dl dd {
    margin-left: 0;
    padding-left: 0
}
#contactPage dl dd .read-more {
    font-weight: bold;
    font-style: normal
}
#contactPage #contactForm {
    margin-top: 2em
}
#contactPage #contactForm textarea {
    width: 100%
}
.invite .imported {
    border-bottom: 1px solid #ddd;
    margin-bottom: .5em;
    margin-top: .5em
}
.invite .imported label {
    display: block
}
.invite .imported label:hover {
    background-color: #ddd;
    cursor: pointer
}
.invite .imported span.email {
    padding-left: 2.5em
}
.invite .provider {
    border: 1px solid white;
    margin-left: 1em
}
.invite .provider:hover {
    border-left: 1px solid gray;
    border-bottom: 1px solid gray
}
#advertisers .website-data {
    float: right;
    width: 160px;
    padding-left: 1em;
    margin-left: 1em;
    border-left: 1px solid #eee
}
#advertisers .website-data figure {
    margin: 0
}
.received-postcard {
    font-size: 13px
}
.received-postcard .postcard-details-container h1 {
    float: left;
    margin-bottom: 0
}
.received-postcard .postcard-details-container .social-media {
    float: right
}
.received-postcard .postcard-details-container .box {
    padding-bottom: 18px
}
.received-postcard .postcard-details-container .profiles {
    display: table;
    width: 100%
}
.received-postcard .postcard-details-container .profiles .details-box {
    display: table-cell;
    white-space: nowrap
}
.received-postcard .postcard-details-container .profiles .details-box.filler-column {
    width: 100%;
    vertical-align: top;
    padding-top: 1.5em
}
.received-postcard .postcard-details-container .profiles .details-box img.image-with-shadow {
    width: 70px;
    height: 70px
}
.received-postcard .postcard-details-container .profiles .details-box .hline.gradient {
    margin-bottom: 0
}
.received-postcard .postcard-details-container .profiles .details-box h4 {
    margin-bottom: 0
}
.received-postcard .postcard-details-container .profiles .details-box .icn-mini.r3 {
    background-color: #3475b9
}
.received-postcard .postcard-details-container .profiles .details-box .post-avatar {
    clear: both
}
.received-postcard .postcard-details-container .dotted-line {
    margin-top: 1em;
    margin-bottom: 1em
}
.received-postcard .postcard-image-container .box {
    padding-top: 2em
}
.received-postcard .postcard-image-container .image-container {
    text-align: center
}
.received-postcard .postcard-image-container .image-container .inner-image-container {
    display: inline-block
}
.received-postcard .postcard-image-container #deleteImageForm {
    display: inline
}
.received-postcard .postcard-image-container textarea {
    width: 100%;
    margin-top: 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.received-postcard .postcard-image-container .postcard-extra-container {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 1em
}
.received-postcard .postcard-image-container .postcard-extra-container #postcard_description {
    white-space: pre-line
}
.received-postcard .postcard-image-container .postcard-extra-container #editDescriptionForm {
    display: none
}
.received-postcard .postcard-image-container .postcard-extra-container .icn.r17.not-faved img {
    background-color: lightgrey
}
.received-postcard .postcard-image-container .postcard-extra-container table {
    width: 100%
}
.received-postcard .postcard-image-container .postcard-extra-container table td.table-separator1 .hline,
.received-postcard .postcard-image-container .postcard-extra-container table td.table-separator2 .hline {
    margin: 0
}
.received-postcard .postcard-image-container .postcard-extra-container table td.table-separator1 {
    padding-top: 1em
}
.received-postcard .postcard-image-container .postcard-extra-container table td.table-separator2 {
    padding-bottom: 2em
}
.received-postcard .postcard-image-container .postcard-extra-container table td:first-child {
    vertical-align: top;
    text-align: center
}
.received-postcard .postcard-image-container .postcard-extra-container table td:last-child {
    padding-right: 0
}
.received-postcard .postcard-image-container .postcard-extra-container table tr.favourite-row {
    height: 44px
}
.received-postcard .postcard-image-container .postcard-extra-container .postcard-comment td {
    vertical-align: top;
    padding-bottom: 2em
}
.received-postcard .postcard-image-container .postcard-extra-container .postcard-comment td .help {
    color: grey
}
.received-postcard .postcard-image-container .postcard-extra-container .postcard-comment .postcardCommentControls {
    float: right;
    color: lightgrey
}
.received-postcard .postcard-image-container .postcard-extra-container .postcard-comment .postcardCommentAuthor {
    float: left
}
.received-postcard.no-postcard-image-area .postcard-image-container {
    display: none
}
.traveling-postcard {
    font-size: 13px
}
.traveling-postcard .postcard-title .icons {
    list-style: none;
    margin: 0
}
.traveling-postcard .postcard-title .icons li {
    float: left;
    padding-left: 2em
}
.traveling-postcard .postcard-title .icons span {
    display: inline-block;
    padding-bottom: 12px
}
.traveling-postcard .postcard-details .part {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 35%;
    padding-right: 26px
}
.traveling-postcard .postcard-details .part.part-right {
    width: 65%;
    padding-right: 0;
    padding-left: 18px
}
.traveling-postcard .postcard-details .box.split-box {
    background: #fff url(/images/sprites/repeating-dot.png) repeat-y 35%
}
.traveling-postcard .postcard-details .postcard-id-details,
.traveling-postcard .postcard-details .name-username {
    padding-top: 20px
}
.traveling-postcard .postcard-details .user-details .name-username,
.traveling-postcard .postcard-details .user-details .dashed-list {
    margin: 0;
    margin-left: 20px
}
.traveling-postcard .postcard-details .user-details .dashed-list {
    display: inline-block;
    min-width: 80%;
    margin-bottom: 1em
}
.traveling-postcard .postcard-details .user-details .dashed-list li:last-of-type {
    border-bottom-width: 0
}
.traveling-postcard .address-details {
    min-height: 145px
}
.traveling-postcard .address-details .actions {
    float: right
}
.traveling-postcard .address-details .actions a {
    float: right;
    text-align: center;
    text-transform: uppercase;
    padding: 1em;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.traveling-postcard .address-details .actions a:active {
    background-color: transparent;
    color: #d72147
}
.traveling-postcard .address-details .address-container {
    float: left;
    padding: 1em 0 1em 3em
}
.traveling-postcard .address-details .address-container .address-image {
    cursor: not-allowed
}
.traveling-postcard .about-container .about-text {
    padding-left: 1em;
    overflow: hidden
}
.traveling-postcard .about-container .about-text p {
    overflow: visible
}
.map-container .box {
    padding: 5px
}
.map-container .box #travel-map {
    height: 240px;
    z-index: 1;
    text-align: center
}
.map-container .box #travel-map .loading-indicator {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.privacy-policy .privacy-policy-content,
.privacy-policy aside {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.privacy-policy .privacy-policy-content {
    float: left;
    width: 70%;
    padding-right: 1em
}
.privacy-policy aside {
    float: right;
    width: 30%;
    padding-left: 1em;
    border-left: 1px dashed gray
}
.privacy-policy aside p,
.privacy-policy aside ul {
    font-style: italic;
    background: #ffc;
    font-size: 12px;
    padding: 6px
}
.privacy-policy section {
    *zoom: 1
}
.privacy-policy section:before,
.privacy-policy section:after {
    display: table;
    content: ""
}
.privacy-policy section:after {
    clear: both
}
#root {
    -webkit-transition: width .25s;
    -moz-transition: width .25s;
    -ms-transition: width .25s;
    -o-transition: width .25s;
    transition: width .25s
}
.default-page-layout #mainContentArea {
    *zoom: 1;
    background-color: #fff;
    padding: 15px 18px 5px 18px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    min-height: 300px
}
.default-page-layout #mainContentArea:before,
.default-page-layout #mainContentArea:after {
    display: table;
    content: ""
}
.default-page-layout #mainContentArea:after {
    clear: both
}
.default-page-layout #mainContentArea.with-pin {
    margin-top: 21px;
    padding-top: 0 !important
}
.default-page-layout #mainContentArea.with-pin img.pin {
    background-color: #ecebe9;
    display: block;
    margin: -21px auto 0 auto
}
.default-page-layout #mainContentArea.with-pin .framed-content {
    border-top: 1px dashed #7c7c7c;
    border-bottom: 1px dashed #7c7c7c;
    padding: 10px;
    margin: 10px 0
}
.default-page-layout #mainContentArea .box-wide {
    margin-left: -18px;
    margin-right: -18px
}
.default-page-layout #mainContentArea .with-dotted-bottom-separator {
    background: transparent url(/images/sprites/repeating-dot.png) repeat-x;
    background-position: bottom;
    margin-left: -18px;
    margin-right: -18px;
    padding-bottom: 13px;
    margin-bottom: 20px
}
@media screen and (min-width: 960px) {
    #root {
        width: 940px;
        margin: 0 auto
    }
    .default-page-layout #mainContainer {
        float: left;
        width: 760px
    }
    .default-page-layout #rightSideboxesContainer {
        float: left;
        width: 160px;
        margin-left: 20px
    }
    .full-width-layout #rightSideboxesContainer {
        display: none
    }
    .homepage-layout #liveEvents p .flag {
        display: inline-block
    }
    .homepage-layout .did-you-know {
        font-size: 13px;
        line-height: 1.7999999999999998em
    }
    .homepage-layout .did-you-know p {
        margin-bottom: 0
    }
    .homepage-layout .homepage-column-left {
        padding-right: 20px
    }
    .homepage-layout .homepage-column-right {
        padding-left: 20px
    }
    .homepage-layout #rightSideboxesContainer {
        display: none
    }
    .homepage-layout .profile-summary {
        margin-left: 0 !important;
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px
    }
    .homepage-layout .ad-box {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        margin-right: 0 !important
    }
    .homepage-layout .ad-box .box {
        width: 300px;
        height: 250px;
        overflow: hidden;
        margin-top: 15px
    }
    .homepage-layout .corkboard {
        clear: both;
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        margin-right: 0 !important;
        float: right
    }
    .homepage-layout .corkboard .box {
        min-height: 175px
    }
    .homepage-layout .corkboard .box.with-pin {
        margin-top: 0;
        margin-botom: 0;
        min-height: 190px
    }
    .homepage-layout .latest-blog-post {
        display: inline;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px;
        margin-left: 0 !important;
        float: left
    }
    .homepage-layout .latest-blog-post .box {
        min-height: 175px
    }
    .homepage-layout .post-profile-summary {
        display: block
    }
    .page-layout #rightSideboxesContainer {
        display: none
    }
    .page-layout aside {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        margin-right: 0 !important
    }
    .page-layout article {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px;
        margin-left: 0 !important
    }
    .received-postcard-layout #rightSideboxesContainer {
        display: none
    }
    .received-postcard-layout .postcard-details-container {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px;
        margin-left: 0 !important
    }
    .received-postcard-layout .postcard-details-container .box {
        margin-bottom: 0
    }
    .received-postcard-layout .separator {
        display: none
    }
    .received-postcard-layout .map-container {
        top: -250px;
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        margin-right: 0 !important;
        float: right
    }
    .received-postcard-layout .ad-box {
        top: 270px;
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        margin-right: 0 !important;
        float: right;
        height: 250px
    }
    .received-postcard-layout .postcard-image-container {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px;
        margin-left: 0 !important
    }
    .received-postcard-layout .no-postcard-image-area .postcard-details-container .dotted-line.last-dotted-line {
        display: none
    }
    .received-postcard-layout .no-postcard-image-area .map-container {
        top: inherit;
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 940px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 20px
    }
    .received-postcard-layout .no-postcard-image-area .ad-box {
        top: inherit
    }
    .traveling-postcard-layout #rightSideboxesContainer {
        display: none
    }
    .traveling-postcard-layout .postcard-details,
    .traveling-postcard-layout .about-container {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 620px;
        margin-left: 0 !important
    }
    .traveling-postcard-layout .map-container,
    .traveling-postcard-layout .ad-box,
    .traveling-postcard-layout .favourite-postcards {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        width: 300px;
        margin-right: 0 !important;
        float: right
    }
    .traveling-postcard-layout .favourite-postcards .postcardImageList li {
        width: 50%
    }
}
.icn-huge {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    width: 88px;
    height: 88px;
    background-color: #d72147
}
.icn-huge img {
    -ms-interpolation-mode: bicubic;
    position: absolute;
    top: 0;
    left: 0;
    width: 88px
}
.icn-huge.r0 img {
    top: 0
}
.icn-huge.r1 img {
    top: -88px
}
.icn-huge.r2 img {
    top: -176px
}
.icn-huge.r3 img {
    top: -264px
}
.icn-huge.r4 img {
    top: -352px
}
.icn-huge.r5 img {
    top: -440px
}
.icn-huge.r6 img {
    top: -528px
}
.icn-huge.r7 img {
    top: -616px
}
.icn-huge.r8 img {
    top: -704px
}
.icn-huge.r9 img {
    top: -792px
}
.icn-huge.r10 img {
    top: -880px
}
.icn-huge.r11 img {
    top: -968px
}
.icn-huge.r12 img {
    top: -1056px
}
.icn-huge.r13 img {
    top: -1144px
}
.icn-huge.r14 img {
    top: -1232px
}
.icn-huge.r15 img {
    top: -1320px
}
.icn-huge.r16 img {
    top: -1408px
}
.icn-huge.r17 img {
    top: -1496px
}
.icn-huge.r18 img {
    top: -1584px
}
.icn-huge.r19 img {
    top: -1672px
}
.icn-large {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    width: 66px;
    height: 66px;
    background-color: #d72147
}
.icn-large img {
    -ms-interpolation-mode: bicubic;
    position: absolute;
    top: 0;
    left: 0;
    width: 66px
}
.icn-large.r0 img {
    top: 0
}
.icn-large.r1 img {
    top: -66px
}
.icn-large.r2 img {
    top: -132px
}
.icn-large.r3 img {
    top: -198px
}
.icn-large.r4 img {
    top: -264px
}
.icn-large.r5 img {
    top: -330px
}
.icn-large.r6 img {
    top: -396px
}
.icn-large.r7 img {
    top: -462px
}
.icn-large.r8 img {
    top: -528px
}
.icn-large.r9 img {
    top: -594px
}
.icn-large.r10 img {
    top: -660px
}
.icn-large.r11 img {
    top: -726px
}
.icn-large.r12 img {
    top: -792px
}
.icn-large.r13 img {
    top: -858px
}
.icn-large.r14 img {
    top: -924px
}
.icn-large.r15 img {
    top: -990px
}
.icn-large.r16 img {
    top: -1056px
}
.icn-large.r17 img {
    top: -1122px
}
.icn-large.r18 img {
    top: -1188px
}
.icn-large.r19 img {
    top: -1254px
}
.icn {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    width: 44px;
    height: 44px;
    background-color: #d72147
}
.icn img {
    -ms-interpolation-mode: bicubic;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px
}
.icn.r0 img {
    top: 0
}
.icn.r1 img {
    top: -44px
}
.icn.r2 img {
    top: -88px
}
.icn.r3 img {
    top: -132px
}
.icn.r4 img {
    top: -176px
}
.icn.r5 img {
    top: -220px
}
.icn.r6 img {
    top: -264px
}
.icn.r7 img {
    top: -308px
}
.icn.r8 img {
    top: -352px
}
.icn.r9 img {
    top: -396px
}
.icn.r10 img {
    top: -440px
}
.icn.r11 img {
    top: -484px
}
.icn.r12 img {
    top: -528px
}
.icn.r13 img {
    top: -572px
}
.icn.r14 img {
    top: -616px
}
.icn.r15 img {
    top: -660px
}
.icn.r16 img {
    top: -704px
}
.icn.r17 img {
    top: -748px
}
.icn.r18 img {
    top: -792px
}
.icn.r19 img {
    top: -836px
}
.icn-small {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    width: 33px;
    height: 33px;
    background-color: #d72147
}
.icn-small img {
    -ms-interpolation-mode: bicubic;
    position: absolute;
    top: 0;
    left: 0;
    width: 33px
}
.icn-small.r0 img {
    top: 0
}
.icn-small.r1 img {
    top: -33px
}
.icn-small.r2 img {
    top: -66px
}
.icn-small.r3 img {
    top: -99px
}
.icn-small.r4 img {
    top: -132px
}
.icn-small.r5 img {
    top: -165px
}
.icn-small.r6 img {
    top: -198px
}
.icn-small.r7 img {
    top: -231px
}
.icn-small.r8 img {
    top: -264px
}
.icn-small.r9 img {
    top: -297px
}
.icn-small.r10 img {
    top: -330px
}
.icn-small.r11 img {
    top: -363px
}
.icn-small.r12 img {
    top: -396px
}
.icn-small.r13 img {
    top: -429px
}
.icn-small.r14 img {
    top: -462px
}
.icn-small.r15 img {
    top: -495px
}
.icn-small.r16 img {
    top: -528px
}
.icn-small.r17 img {
    top: -561px
}
.icn-small.r18 img {
    top: -594px
}
.icn-small.r19 img {
    top: -627px
}
.icn-mini {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #d72147
}
.icn-mini img {
    -ms-interpolation-mode: bicubic;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px
}
.icn-mini.r0 img {
    top: 0
}
.icn-mini.r1 img {
    top: -22px
}
.icn-mini.r2 img {
    top: -44px
}
.icn-mini.r3 img {
    top: -66px
}
.icn-mini.r4 img {
    top: -88px
}
.icn-mini.r5 img {
    top: -110px
}
.icn-mini.r6 img {
    top: -132px
}
.icn-mini.r7 img {
    top: -154px
}
.icn-mini.r8 img {
    top: -176px
}
.icn-mini.r9 img {
    top: -198px
}
.icn-mini.r10 img {
    top: -220px
}
.icn-mini.r11 img {
    top: -242px
}
.icn-mini.r12 img {
    top: -264px
}
.icn-mini.r13 img {
    top: -286px
}
.icn-mini.r14 img {
    top: -308px
}
.icn-mini.r15 img {
    top: -330px
}
.icn-mini.r16 img {
    top: -352px
}
.icn-mini.r17 img {
    top: -374px
}
.icn-mini.r18 img {
    top: -396px
}
.icn-mini.r19 img {
    top: -418px
}
p.has-icn {
    padding-left: 50px
}
p.has-icn .icn {
    margin-left: -44px
}
.inp {
    margin-top: -4px
}
a .icn,
a .icn-huge,
a .icn-large,
a .icn-small,
a .icn-mini {
    background-color: #3475b9
}
a:hover .icn,
a:hover .icn-huge,
a:hover .icn-large,
a:hover .icn-small,
a:hover .icn-mini,
a:active .icn,
a:active .icn-huge,
a:active .icn-large,
a:active .icn-small,
a:active .icn-mini {
    background-color: #d72147
}
.active .icn,
.active .icn-huge,
.active .icn-large,
.active .icn-small,
.active .icn-mini {
    background-color: #d72147
}
.hm-icn {
    display: block;
    overflow: hidden;
    position: relative
}
.hm-icn img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px
}
.hm-icn.mailbox-icn {
    width: 100px;
    height: 59px
}
.hm-icn.register-icn {
    width: 43px;
    height: 47px
}
.hm-icn.register-icn img {
    top: -59px
}
.hm-icn.send-icn {
    width: 71px;
    height: 38px
}
.hm-icn.send-icn img {
    top: -106px
}
.iconSent,
.iconReceived,
.iconDistance,
.iconSpeaks,
.iconLink,
.iconSeen,
.iconMedal,
.iconMoney,
.iconStar,
.iconThumb,
.iconWikipedia,
.iconBuilding,
.iconMap,
.iconComments,
.iconHeart,
.iconTime,
.iconPictures,
.iconPicture,
.iconUsers,
.iconDirectSwapYes,
.iconDirectSwapNo,
.iconBirthday {
    padding-left: 20px;
    height: 16px;
    background-image: url(/images/smallicons.png);
    background-repeat: no-repeat
}
.iconReceived {
    background-position: 0 -1px
}
.iconSent {
    background-position: 0 -18px
}
.iconStar {
    background-position: 0 -35px
}
.iconSeen {
    background-position: 0 -52px
}
.iconDistance {
    background-position: 0 -69px
}
.iconMedal {
    background-position: 0 -86px
}
.iconMoney {
    background-position: 0 -103px
}
.iconSpeaks {
    background-position: 0 -120px
}
.iconLink {
    background-position: 0 -137px
}
.iconThumb {
    background-position: 0 -153px
}
.iconComments {
    background-position: 0 -169px
}
.iconHeart {
    background-position: 0 -185px
}
.iconTime {
    background-position: 0 -201px
}
.iconWikipedia {
    background-position: 0 -218px
}
.iconBuilding {
    background-position: 0 -233px
}
.iconMap {
    background-position: 0 -249px
}
.iconPictures {
    background-position: 0 -265px
}
.iconPicture {
    background-position: 0 -281px
}
.iconUsers {
    background-position: 0 -297px
}
.iconDirectSwapYes {
    background-image: url(/images/icons/user_go.png)
}
.iconDirectSwapNo {
    background-image: url(/images/icons/user_delete.png)
}
.iconBirthday {
    background-image: url(/images/icons/cake.png)
}