/* Top Bar
******************************************************************************/

.top {
    background-image: url(img/static/sprite.png);
}
.top{
    background-color: #000;
    background-position: left -29px;
    background-repeat: repeat-x;
    color: #EEE;
    height: 29px;
    line-height: 29px;
    text-align:center;
    position: relative;
}

    .top a:not(.uwa-input) {
        color: #EEE;
        border: 0;
        text-decoration: none;
        line-height: 27px;
        padding: 0 4px;
        display: inline-block;
    }

    .top a:not(.uwa-input):hover{
        color: #FFF;
        background-color: #5C5C5C;
    }

    .top .topbarUser {
        position: absolute;
        right: 0;
        top: 0;
        height: 29px;
    }


        .top span img {

            padding: 0 2px 6px 0;
        }

/* signin && signout */
.top .signin{
    font-weight: bold;

}

.top .signin,
.top .signout {
    font-weight: bold;
}

.top .signin .icon,
.top .signout .icon {
    line-height: 18px;
}


/* top bar back */
.top .back{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
}

.top .icon{
    font-family: uwa-icons;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 22px;
    height: 24px;
}

/* Language selector
******************************************************************************/
#selectedlang {
    position: relative;
    bottom: 0;
    right: 0;
    margin: -20px 20px 0 0;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    color: #666;
}

#selectedlang a {
    text-decoration: none;
    color: #666;
}

#selectedlang a:hover {
    color: #999;
}

.languages {
    color: #FFF;
}
    .languages .title {
        margin: 0;
        background:#5E5E5E url(img/title.png) repeat-x scroll left bottom;
        border-bottom:1px solid #505050;
        height:24px;
        line-height:24px;
        padding:5px;
        color: #ffffff;
        font-size: 1.6em;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    .languages ul, ul.languageslist {
        padding: 10px 0;
        display: block;
        width: 200px;
        float: left;
        margin: 0;
    }

    .languages li, .languageslist li {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .languages li a, .languageslist li a {
        text-decoration: none;
    }


/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
    .top {
        background-image: url(img/static/sprite_retina.png);
        background-size: 350px 200px;
    }
}