/* LANGUAGE SELECTOR */

#languageSelectorContainer {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url('../img/web/common/blackTrasparent.png');
    z-index: 100;
}

#languageSelector {
    width: 30em; /* 480px/16 = 30em */
    height: 14.125em; /* 226px/16 = 14.125em */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -14.375em; /* -230px/16 = -14.375em */
    margin-top: -7.063em; /* -113px/16 = -7.063em */
    background: #eae7e3;
    border-radius: 1.125em; /* 18px/16 = 1.125em */
    -moz-border-radius: 1.125em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.25em 0.25em #888888; /* 4px/16 = 0.25em */
}

.languageSelectorHeader {
    height: 3em; /* 48px/16 = 3em */
    background: #565656;
    background-image: -moz-linear-gradient(top, #616161, #282828); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #616161, #282828); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #616161, #282828); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #616161, #282828); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #616161, #282828);
    border-top-left-radius: 1.125em; /* 18px/16 = 1.125em */
    border-top-right-radius: 1.125em; /* 18px/16 = 1.125em */
    -moz-border-top-left-radius: 1.125em; /* Old Firefox (3.6 to 15) */
    -moz-border-top-right-radius: 1.125em; /* Old Firefox (3.6 to 15) */
    
}

.languageSelectorHeader span {
    display: block;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #cccccc;
    text-transform: uppercase;
    font-size: 1em; /* 16px/16 = 1em */
    padding-left: 1.313em; /* 21px/16 = 1.313em */
    padding-top: 0.938em; /* 15px/16 = 0.938em */
}

.languageSelectorBody {
    height: 11.125em; /* 178px/16 = 11.125em */
    background: #edebe6;
    background-image: -moz-linear-gradient(top, #edebe6, #c5bdaf); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #edebe6, #c5bdaf); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #edebe6, #c5bdaf); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #edebe6, #c5bdaf); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #edebe6, #c5bdaf);
    border-bottom-left-radius: 1.125em; /* 18px/16 = 1.125em */
    border-bottom-right-radius: 1.125em; /* 18px/16 = 1.125em */
    -moz-border-bottom-left-radius: 1.125em; /* Old Firefox (3.6 to 15) */
    -moz-border-bottom-right-radius: 1.125em; /* Old Firefox (3.6 to 15) */
    text-align: center;
}

.languageSelectorContent {
    height: 11.125em; /* 178px/16 = 11.125em */
    background-image: url('../img/web/common/languageSelectorHeadBar.png');
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 1.875em; /* 30px/16 = 1.875em */
}

.languageSelectorContent .languageButton {
    margin-bottom: 0.833em; /* 10px/12 = 0.833em */
}