/* language select */
.langSelect {
    list-style: none;
    margin: 2px 0 6px;
    padding: 0;
    display: inline-block;
    min-width: 240px;
    width: auto !important;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.langSelect.active {
    border-radius: 3px 3px 0 0;
}

.langSelect li {
    position: relative;
    z-index: 10;
}

.langSelect li img{
    position: relative;
    top: -2px;
    border: 1px solid #ccc;
}

.langSelect strong,
.langSelect a {
    display: block;
}

.langSelect a:hover {
    background: #efefef;
    text-decoration: none;
}

.langSelect ul {
    position: absolute;
    direction: ltr;
    left: -999em;
    list-style: none;
    margin: 1px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border-radius: 0 0 3px 3px;
}

.langSelect ul li+li {
    border-top: 1px solid #ddd;
}

.langSelect ul span,
.langSelect ul a {
    display: block;
    padding: 8px 12px;
}

.langSelect ul span {
    background: #eee;
}

.langSelect ul a:hover {
    background: #f3f3f3;
}

.langSelect .createLang {
    padding: 4px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
}

.langSelect.active .langPicker {
    background: #ddd;
}

.langSelect.active ul {
    left: -1px;
    right: -1px;
}

.langOptions {
    margin: 2px 0 6px;
}

.langOptionsPanel {
    clear: both;
    margin: 0;
}
