.ico {
    background: url("sprite_flags.png") 0 0 no-repeat;
}

.ico-ALA { background-position: -30px 0; }
.ico-AFG { background-position: -60px 0; }
.ico-ALB { background-position: -90px 0; }
.ico-DZA { background-position: -120px 0; }

.ico-ASM { background-position: -0px -20px; }
.ico-AND { background-position: -30px -20px; }
.ico-AGO { background-position: -60px -20px; }
.ico-AIA { background-position: -90px -20px; }
.ico-ATA { background-position: -120px -20px; }

.ico-ATG { background-position: -0px -40px; }
.ico-ARG { background-position: -30px -40px; }
.ico-ARM { background-position: -60px -40px; }
.ico-ABW { background-position: -90px -40px; }
.ico-AUS { background-position: -120px -40px; }

.ico-AUT { background-position: -0px -60px; }
.ico-AZE { background-position: -30px -60px; }
.ico-BHS { background-position: -60px -60px; }
.ico-BHR { background-position: -90px -60px; }
.ico-BGD { background-position: -120px -60px; }

.ico-BRB { background-position: -0px -80px; }
.ico-BLR { background-position: -30px -80px; }
.ico-BEL { background-position: -60px -80px; }
.ico-BLZ { background-position: -90px -80px; }
.ico-BEN { background-position: -120px -80px; }

.ico-BMU { background-position: -0px -100px; }
.ico-BTN { background-position: -30px -100px; }
.ico-BOL { background-position: -60px -100px; }
.ico-BES { background-position: -90px -100px; }
.ico-BIH { background-position: -120px -100px; }

.ico-BVT { background-position: -0px -120px; }
.ico-BWA { background-position: -30px -120px; }
.ico-BRA { background-position: -60px -120px; }
.ico-IOT { background-position: -90px -120px; }
.ico-BRN { background-position: -120px -120px; }

.ico-BGR { background-position: -0px -140px; }
.ico-BFA { background-position: -30px -140px; }
.ico-BDI { background-position: -60px -140px; }
.ico-KHM { background-position: -90px -140px; }
.ico-CMR { background-position: -120px -140px; }

.ico-CAN { background-position: -0px -160px; }
.ico-CPV { background-position: -30px -160px; }
.ico-CYM { background-position: -60px -160px; }
.ico-CAF { background-position: -90px -160px; }
.ico-TCD { background-position: -120px -160px; }

.ico-CHL { background-position: -0px -180px; }
.ico-CHN { background-position: -30px -180px; }
.ico-CXR { background-position: -60px -180px; }
.ico-CCK { background-position: -90px -180px; }
.ico-COL { background-position: -120px -180px }

.ico-COM { background-position: -0px -200px }
.ico-COG { background-position: -30px -200px }
.ico-COD { background-position: -60px -200px }
.ico-COK { background-position: -90px -200px }
.ico-CRI { background-position: -120px -200px }

.ico-CIV { background-position: -0px -220px }
.ico-HRV { background-position: -30px -220px }
.ico-CUB { background-position: -60px -220px }
.ico-CYP { background-position: -90px -220px }
.ico-CZE { background-position: -120px -220px }


.ico-DNK { background-position: -0px -240px }
.ico-DJI { background-position: -30px -240px }
.ico-DMA { background-position: -60px -240px }
.ico-DOM { background-position: -90px -240px }
.ico-ECU { background-position: -120px -240px }

.ico-EGY { background-position: -0px -260px }
.ico-SLV { background-position: -30px -260px }
.ico-GNQ { background-position: -60px -260px }
.ico-ERI { background-position: -90px -260px }
.ico-EST { background-position: -120px -260px }

.ico-ETH { background-position: -0px -280px }
.ico-FLK { background-position: -30px -280px }
.ico-FRO { background-position: -60px -280px }
.ico-FJI { background-position: -90px -280px }
.ico-FIN { background-position: -120px -280px }

.ico-FRA { background-position: -0px -300px }
.ico-GUF { background-position: -30px -300px }
.ico-PYF { background-position: -60px -300px }
.ico-ATF { background-position: -90px -300px }
.ico-GAB { background-position: -120px -300px }

.ico-GMB { background-position: -0px -320px }
.ico-GEO { background-position: -30px -320px }
.ico-DEU { background-position: -60px -320px }
.ico-GHA { background-position: -90px -320px }
.ico-GIB { background-position: -120px -320px }

.ico-GRC { background-position: -0px -340px }
.ico-GRL { background-position: -30px -340px }
.ico-GRD { background-position: -60px -340px }
.ico-GLP { background-position: -90px -340px }
.ico-GUM { background-position: -120px -340px }

.ico-GTM { background-position: -0px -360px }
.ico-GGY { background-position: -30px -360px }
.ico-GIN { background-position: -60px -360px }
.ico-GNB { background-position: -90px -360px }
.ico-GUY { background-position: -120px -360px }

.ico-HTI { background-position: -0px -380px }
.ico-HMD { background-position: -30px -380px }
.ico-HND { background-position: -60px -380px }
.ico-HKG { background-position: -90px -380px }
.ico-HUN { background-position: -120px -380px }

.ico-ISL { background-position: -0px -400px }
.ico-IND { background-position: -30px -400px }
.ico-IDN { background-position: -60px -400px }
.ico-IRN { background-position: -90px -400px }
.ico-IRQ { background-position: -120px -400px }

.ico-IRL { background-position: -0px -420px }
.ico-IMN { background-position: -30px -420px }
.ico-ISR { background-position: -60px -420px }
.ico-ITA { background-position: -90px -420px }
.ico-JAM { background-position: -120px -420px }

.ico-JPN { background-position: -0px -440px }
.ico-JEY { background-position: -30px -440px }
.ico-JOR { background-position: -60px -440px }
.ico-KAZ { background-position: -90px -440px }
.ico-KEN { background-position: -120px -440px }

.ico-KIR { background-position: -0px -460px }
.ico-PRK { background-position: -30px -460px }
.ico-KOR { background-position: -60px -460px }
.ico-UNK { background-position: -90px -460px }
.ico-KWT { background-position: -120px -460px }

.ico-KGZ { background-position: -0px -480px }
.ico-LAO { background-position: -30px -480px }
.ico-LVA { background-position: -60px -480px }
.ico-LBN { background-position: -90px -480px }
.ico-LSO { background-position: -120px -480px }

.ico-LBR { background-position: -0px -500px }
.ico-LBY { background-position: -30px -500px }
.ico-LIE { background-position: -60px -500px }
.ico-LTU { background-position: -90px -500px }
.ico-LUX { background-position: -120px -500px }

.ico-MAC { background-position: -0px -520px }
.ico-MKD { background-position: -30px -520px }
.ico-MDG { background-position: -60px -520px }
.ico-MWI { background-position: -90px -520px }
.ico-MYS { background-position: -120px -520px }

.ico-MDV { background-position: -0px -540px }
.ico-MLI { background-position: -30px -540px }
.ico-MLT { background-position: -60px -540px }
.ico-MHL { background-position: -90px -540px }
.ico-MTQ { background-position: -120px -540px }

.ico-MRT { background-position: -0px -560px }
.ico-MUS { background-position: -30px -560px }
.ico-MYT { background-position: -60px -560px }
.ico-MEX { background-position: -90px -560px }
.ico-FSM { background-position: -120px -560px }

.ico-MDA { background-position: -0px -580px }
.ico-MCO { background-position: -30px -580px }
.ico-MNG { background-position: -60px -580px }
.ico-MNE { background-position: -90px -580px }
.ico-MSR { background-position: -120px -580px }

.ico-MAR { background-position: -0px -600px }
.ico-MOZ { background-position: -30px -600px }
.ico-MMR { background-position: -60px -600px }
.ico-NAM { background-position: -90px -600px }
.ico-NRU { background-position: -120px -600px }

.ico-NPL { background-position: -0px -620px }
.ico-NLD { background-position: -30px -620px }
.ico-ANT { background-position: -60px -620px }    /* Country no longer exists, removed */
.ico-NCL { background-position: -90px -620px }
.ico-NZL { background-position: -120px -620px }

.ico-NIC { background-position: -0px -640px }
.ico-NER { background-position: -30px -640px }
.ico-NGA { background-position: -60px -640px }
.ico-NIU { background-position: -90px -640px }
.ico-NFK { background-position: -120px -640px }

.ico-MNP { background-position: -0px -660px }
.ico-NOR { background-position: -30px -660px }
.ico-OMN { background-position: -60px -660px }
.ico-PAK { background-position: -90px -660px }
.ico-PLW { background-position: -120px -660px }

.ico-PSE { background-position: -0px -680px }
.ico-PAN { background-position: -30px -680px }
.ico-PNG { background-position: -60px -680px }
.ico-PRY { background-position: -90px -680px }
.ico-PER { background-position: -120px -680px }

.ico-PHL { background-position: -0px -700px }
.ico-PCN { background-position: -30px -700px }
.ico-POL { background-position: -60px -700px }
.ico-PRT { background-position: -90px -700px }
.ico-PRI { background-position: -120px -700px }

.ico-QAT { background-position: -0px -720px }
.ico-REU { background-position: -30px -720px }
.ico-ROU { background-position: -60px -720px }
.ico-RUS { background-position: -90px -720px }
.ico-RWA { background-position: -120px -720px }

.ico-SHN { background-position: -0px -740px }
.ico-KNA { background-position: -30px -740px }
.ico-LCA { background-position: -60px -740px }
.ico-SPM { background-position: -90px -740px }
.ico-VCT { background-position: -120px -740px }

.ico-WSM { background-position: -0px -760px }
.ico-SMR { background-position: -30px -760px }
.ico-STP { background-position: -60px -760px }
.ico-SAU { background-position: -90px -760px }
.ico-SEN { background-position: -120px -760px }

.ico-SRB { background-position: -0px -780px }
.ico-SCG { background-position: -30px -780px } /* Country no longer exists, removed */
.ico-SYC { background-position: -60px -780px }
.ico-SLE { background-position: -90px -780px }
.ico-SGP { background-position: -120px -780px }

.ico-SVK { background-position: -0px -800px }
.ico-SVN { background-position: -30px -800px }
.ico-SLB { background-position: -60px -800px }
.ico-SOM { background-position: -90px -800px }
.ico-ZAF { background-position: -120px -800px }

.ico-SGS { background-position: -0px -820px }
.ico-ESP { background-position: -30px -820px }
.ico-LKA { background-position: -60px -820px }
.ico-SDN { background-position: -90px -820px }
.ico-SUR { background-position: -120px -820px }

.ico-SJM { background-position: -0px -840px }
.ico-SWZ { background-position: -30px -840px }
.ico-SWE { background-position: -60px -840px }
.ico-CHE { background-position: -90px -840px }
.ico-SYR { background-position: -120px -840px }

.ico-TWN { background-position: -0px -860px }
.ico-TJK { background-position: -30px -860px }
.ico-TZA { background-position: -60px -860px }
.ico-THA { background-position: -90px -860px }
.ico-TLS { background-position: -120px -860px }

.ico-TGO { background-position: -0px -880px }
.ico-TKL { background-position: -30px -880px }
.ico-TON { background-position: -60px -880px }
.ico-TTO { background-position: -90px -880px }
.ico-TUN { background-position: -120px -880px }

.ico-TUR { background-position: -0px -900px }
.ico-TKM { background-position: -30px -900px }
.ico-TCA { background-position: -60px -900px }
.ico-TUV { background-position: -90px -900px }
.ico-UGA { background-position: -120px -900px }

.ico-UKR { background-position: -0px -920px }
.ico-ARE { background-position: -30px -920px }
.ico-GBR { background-position: -60px -920px }
.ico-USA { background-position: -90px -920px }
.ico-UMI { background-position: -120px -920px }

.ico-URY { background-position: -0px -940px }
.ico-UZB { background-position: -30px -940px }
.ico-VUT { background-position: -60px -940px }
.ico-VAT { background-position: -90px -940px }
.ico-VEN { background-position: -120px -940px }

.ico-VNM { background-position: -0px -960px }
.ico-VGB { background-position: -30px -960px }
.ico-VIR { background-position: -60px -960px }
.ico-WLF { background-position: -90px -960px }
.ico-ESH { background-position: -120px -960px }

.ico-YEM { background-position: -0px -980px }
.ico-YUG { background-position: -30px -980px } /* Country no longer exists, removed */
.ico-ZAR { background-position: -60px -980px } /* Country no longer exists, removed */
.ico-ZMB { background-position: -90px -980px }
.ico-ZWE { background-position: -120px -980px }

/* Countries below were added later, and therefore not in alphabetical order from above */
.ico-XXXXXXX { background-position: -0px -1000px }  /* there is no country code for Crimea */
.ico-CUW { background-position: -30px -1000px }
.ico-BLM { background-position: -60px -1000px }
.ico-MAF { background-position: -90px -1000px }
.ico-SSD { background-position: -120px -1000px }

.ico-SXM { background-position: -0px -1020px }  
.ico-XXX1 { background-position: -30px -1020px }       /* Placeholder */
.ico-XXX2 { background-position: -60px -1020px }       /* Placeholder */
.ico-XXX3 { background-position: -90px -1020px }       /* Placeholder */
.ico-XXX4 { background-position: -120px -1020px }      /* Placeholder */

#country-selection #signup_country_code option {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: bottom left;
}


#country-selection .selectricWrapper {
    margin: 0 auto;
    width: 100%;
}

#country-selection #signup_country_code, #country-selection .selectric {
    display: block;
    float: none;
    height: 50px;
    padding: 7px 5px 5px 20px;
    color: #000;
    background: #FFF;
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: background, height, padding, .3s;
    -webkit-transition: background, height, padding, .3s;
}

#country-selection #signup_country_code {
    width: 400px;
    max-width: 100%;
}

#country-selection #signup_country_code:hover, #country-selection .selectric:hover {
    background: #f8fdfe;
    transition: background, height, padding, .3s;
    -webkit-transition: background, height, padding, .3s;
}

#country-selection #signup_country_code:focus, #country-selection .selectricOpen .selectric {
    background: #f8fdfe image-url('graphic_field_ACTIVE.png') top left no-repeat;
    transition: background, height, padding, .3s;
    -webkit-transition: background, height, padding, .3s;
}

#country-selection .selectric .ico {
    display: block;
    float: left;
    width: 30px;
    height: 20px;
    margin: 8px 8px 5px 1px;
    overflow: hidden;
}

#country-selection .selectric p.label {
    margin-bottom: 0;
    padding: 10px 0 10px 0;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
}

#country-selection .selectric .button {
    background: none;
    box-shadow: none;
    right: 2px;
    top: 5px;
    width: 40px;
    height: 40px;
    color: #808080;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

#country-selection .selectric .button:after {
    content: none;
}

#country-selection .selectric-items {
    margin-top: 1px;
    background: #f8fdfe;
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: none;
}

#country-selection .selectric-items ul {
    margin: 0;
}

#country-selection .selectric-items li {
    display: block;
    margin: 0;
    padding: 5px 0 5px 21px;
    color: #000;
    border-top: none;
    border-bottom: 1px solid #F9F9F9;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
}

#country-selection .selectric-items li:hover {
    color: #FFF;
    background: #BBB;
}

#country-selection .selectric-items li.selected {
    color: #FFF;
    background: #00BCDD;
    border-bottom: 1px solid #00BCDD;
}

#country-selection .selectric-items .ico {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 30px;
    height: 20px;
    margin: -1px 7px 0 0;
}

#country-selection #signup_country_code, #country-selection .selectric {
    padding: 7px 5px 5px 20px;
    transition: background, height, padding, .3s;
    -webkit-transition: background, height, padding, .3s;
}

#country-selection .selectric-items li {
    padding: 5px 0 5px 16px;
}

#popup .inline-validation {
    margin: 13px 0px 0px -115px;
    font-size: 12px;
}

#popup #password_inline.inline-validation {
    width: 160px;
    margin: -32px 0px 0px 100px;
}

#popup .btn, #success-popup .btn, #confirm-popup .btn {
    display: block;
    width: 87%;
    height: 45px;
    margin: 25px auto 0 auto;
    border-radius: 22.5px;
    line-height: 45px;
}

.country-validation p {
    margin-bottom: 0px;
}