/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/header/idm.less
*
* ---------------------------
* Styles associated with the IDM indicator
* ---------------------------
*/
@import "../_mixins/all.less";

#wdn_identity_management {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 1px;
    font-family: @impactFont;
    padding: 3px;
    .border-radius4(0,0,3px,0);
    
    > a {
        font-weight: bold;
        font-size: 80%;
        line-height: 1;
        text-decoration: none;
        color: rgba(255,255,255,0.8);
        text-shadow: -1px -1px 1px @shadowPrimary;
        display: block;
        padding: 3px;
        .border-radius(3px);
        
        img {
            .border-radius(2px);
            border: 1px solid @shadowPrimary;
        }
        span {
            vertical-align: 35%;
        }   
    }
    
    > #wdn_idm_user_options {
        display: none;
        background: saturate(@shadowPrimary, 20%);
        padding: 3px;
        .border-radius4(0,0,3px,3px);
        font-size: 80%;
        
        li {
            padding: 5px;
            
            a {
                color: rgba(255,255,255,0.8);
                text-decoration: none;
                display: block;
                &:hover {
                    color: #fff;
                }
            }
        }
        
        #wdn_idm_profile, #wdn_idm_logout {
            display: none;
        }
    }
    
    &.loggedin {
    
        a {
            .border-radius4(3px, 3px, 0, 0);
            
            span {
            
                &:after {
                    content: '\25BC';
                    font-size: 8px;
                    margin-left: 5px;
                    speak: none;
                }
            }
        }
        
        &:hover {
        
            > a {
                background: saturate(@shadowPrimary, 20%);
                
            }
        
            #wdn_idm_user_options {
                display: block;
            }
        }
    
        > #wdn_idm_user_options {
        
            #wdn_idm_profile, #wdn_idm_logout {
                display: block;
            }
            #wdn_idm_login {
                display: none;
            }
            
            li {
                border-bottom: 1px solid lighten(@shadowPrimary, 3%);
                &:last-child {
                    border-bottom: 0;
                }
            }
        }
    }
}
@media (min-width: 320px) {
    
}
@media (min-width: 480px) {

}
@media (min-width: 600px) {

}
@media (min-width: 768px) {
    #wdn_identity_management {
        top: -2px;
        left: 50%;
        
        > a {
            color: #727272;
            text-shadow: none;
            
            img {
                .border-radius(2px);
                border: 1px solid #727272;
            }
            
            span {
                font-weight: bold;
            }
        }
        
        &.loggedin {
        
            &:hover {
            
                > a {
                    background: darken(#f1f1f1, 10%);
                    
                }
            }
        }
        
        > #wdn_idm_user_options {
            background: darken(#f1f1f1, 10%);
            
            li {
                padding: 2px 5px;
                
                a {
                    color: #727272;
                    font-size: 80%;
                    &:hover {
                        color: darken(#727272, 20%);
                    }
                }
            }
        }
        &.loggedin {
            > #wdn_idm_user_options {
            
                li {
                    border-bottom: 1px solid lighten(darken(#f1f1f1, 10%), 3%);
                    &:last-child {
                        border-bottom: 0;
                    }
                }
            }
        }
    }
}
@media (min-width: 960px) {

}
@media (min-width: 1040px) {
    #wdn_identity_management {
        top: -33px;
        left: 40%;
    }
}