﻿/*Language Country selector*/
.nav-lang-country-selector ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
    /*background: #eee;*/
    border-bottom: 1px solid #fff;
    border-radius: 3px;    
}

.nav-lang-country-selector li {
    float: left;          
}

.nav-lang-country-selector #li-languageCountrySelect {
    /*border-right: 1px solid #ddd;*/
    box-shadow: 1px 0 0 #fff;  
}

.nav-lang-country-selector #languageCountrySelect-trigger,
.nav-lang-country-selector #signup a {
    display: inline-block;
    /*display: inline;
    zoom: 1;*/
    height: 28px;
    line-height: 25px;
    /*font-weight: bold;*/
    padding: 0 8px;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 #fff; 
    outline: 0;
}

.nav-lang-country-selector #signup a {
    border-radius: 0 3px 3px 0;
}

.nav-lang-country-selector #languageCountrySelect-trigger {
    border-radius: 3px 0 0 3px;
}

.nav-lang-country-selector #languageCountrySelect-trigger:hover,
.nav-lang-country-selector #li-languageCountrySelect .active,
.nav-lang-country-selector #signup a:hover {
    background: #fff;
}

.nav-lang-country-selector #languageCountrySelect-content {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 999;    
    background: #fff;
    background-image: linear-gradient(top, #fff, #eee);  
    padding: 15px;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
    border-radius: 3px 0 3px 3px;
}

.nav-lang-country-selector li #languageCountrySelect-content {
    right: 0;
    width: 350px;  
}

/*--------------------*/

#inputs input {
    background: #f1f1f1;
    padding: 6px 5px;
    margin: 0 0 5px 0;
    width: 238px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#li-languageCountrySelect #actions {
    margin: 10px 0 0 0;
}

#li-languageCountrySelect #languageCountrySelectGo {    
    background-color: #153d8a;
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 1px solid;
    outline-color: rgba(255, 255, 255, .5);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    float: right;
    height: 30px;
    padding: 0;
    margin-top: 0;
    width: 50px;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #fff;
}

#li-languageCountrySelect #languageCountrySelectGo:hover
{    
    border: 1px solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    text-shadow: 1px 1px 2px #427388; 
} 

#li-languageCountrySelect label {
    float: right;
    line-height: 30px;
}

#li-languageCountrySelect label input {
    position: relative;
    top: 2px;
    right: 2px;
}

.lang-select-heading
{
    padding-left: 0;
}

.lang-select-country
{
    margin-top: 10px; 
    padding-right: 0;
    padding-left: 0;
}

.lang-select-country-dropdown
{
    height: 30px; 
    padding-left: 10px; 
    width: 100%;
}

.lang-select-language
{
    margin-top: 10px; 
    padding-right: 0;
}

.lang-select-lang-dropdown
{
    height: 30px; 
    padding-left: 10px; 
    width: 100%;
}

.lang-select-go-btn
{
    margin-top: 10px; 
    padding-right: 0;
}

@media (min-width: 0px) and (max-width: 767px)
{
    .nav-bar-lang-select
    {
        margin: -6.5px -15px;
        padding-top: 5px;
    }
}

@media (min-width: 0px) and (max-width: 625px)
{
    .nav-bar-lang-select
    {
        margin: -6.5px 4px;
        padding-top: 5px;
    }
}