.sprocketLogin {
    width:400px;
    
}

.sprocketLogin input {
    padding:8px;
    margin-bottom:8px;
    width:100%;    
}

.sprocketLoginContent {
    margin-top:20px;
    padding-left:20px;
    padding-right:20px;
}

.sprocketLoginHeader {
    border-bottom:1px solid #dddddd;
}

.sprocketLoginClose {
    float:right;margin-top:12px;color:#aaaaaa;cursor:pointer;
}

.sprocketLoginClose:hover {
    color:#333333;
}
.sprocketLoginClose:active {
    color:#aaaaaa;
}
.sprocketLogin a {
    color:#252d93;
 
    text-decoration: none;
    cursor:pointer;
}



.sprocketLoginButton {
    width:100%;
    margin-bottom:8px;
    padding:6px;
    border:none;
    cursor:pointer;
}

.sprocketLoginButtonContent {

padding-top:4px;
margin-right:16px;

}

.sprocketMicrosoft {
    background-color:#0078d4;
    color:white;    
    
}

.sprocketLoginButton:hover {
    background-image:url("/sprocket/skin/darker1.png")
}

.sprocketEmail {
    background-color:#335d38;
    color:white;
    cursor:pointer;
}

.sprocketMicrosoft:active {
    background-image:url("/sprocket/skin/darker2.png")
}

.sprocketGoogle {
    background-color:#4284f4;
    color:white;    
}