/*
    Login popup
*/v

#popup-content p.auth-popup-logout {
    padding: 10px 20px;
}

#popup-content p.auth-message {
    padding: 10px 20px;
    margin: 5px 10px;
    font-size: 12px;
    color: #444;
    border: solid 1px #3c74ba;
    border-left-color: #6c95c9;
    border-top-color: #6c95c9;
    background-color: #eaeff4;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.2);
    box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.2);
}



#popup-content p.auth-popup-block {
    padding: 0;
    margin: 8px 0;
    line-height: 1em;
}

#popup-content a.auth-button-noinput {
    display: inline-block;
    width: 216px;
    height: 36px;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    line-height: 1em;
    font-size: 10px;
    background: url(/images/colorizeit2/buttons_login.png) 0 0 no-repeat;
}

#popup-content a.auth-button-noinput, #popup-content a.auth-button-noinput:visited, #popup-content a.auth-button-noinput:hover, #popup-content a.auth-button-noinput:active {
    text-decoration: none;
    border-width: 0;
    outline-style: none;
}

a.auth-button-noinput span { display: none; }

#popup-content a.auth-button-google { background-position: 0 0; }
#popup-content a.auth-button-google:hover, #popup-content a.auth-button-google:active { background-position: 0 -40px; }

#popup-content a.auth-button-yahoo { background-position: -230px 0; }
#popup-content a.auth-button-yahoo:hover, #popup-content a.auth-button-yahoo:active { background-position: -230px -40px; }



#popup-content p.auth-button-input {
    width: 407px;
    height: 36px;
    padding: 0;
    margin: 8px 10px;
    padding-left: 37px;
    background: url(/images/colorizeit2/buttons_login.png) 0 0 no-repeat;
}

#popup-content p.auth-button-input span { display: none; }

#popup-content p.auth-button-aol { background-position: 0 -80px; }
#popup-content p.auth-button-aol.auth-button-hover { background-position: 0 -120px; }

#popup-content p.auth-button-openid { background-position: 0 -160px; }
#popup-content p.auth-button-openid.auth-button-hover { background-position: 0 -200px; }

#popup-content p.auth-button-input input.auth-button-input {
    font-size: 12px;
    color: #999;
    background-color: transparent;
    background-image: none;
    border-width: 0px;
    outline-style: none;
    -webkit-appearance: none;
    text-align: right;
    margin: 0;
    margin-top: 9px;
    padding: 0;
    width: 85px;
}
.browser-ie #popup-content p.auth-button-input input.auth-button-input {
    margin-top: 12px;
}
#popup-content p.auth-button-longinput input.auth-button-input {
    text-align: left;
    width: 230px;
    margin-left: 5px;
}
#popup-content div p.auth-button-input input.auth-button-input.auth-button-error {
    color: #dc1818;
}
#popup-content p.auth-button-input.auth-button-hover input.auth-button-input, #popup-content p.auth-button-input input.auth-button-input:hover {
    color: #3c74ba;
}
#popup-content p.auth-button-input input.auth-button-input:focus {
    outline-style: none;
    color: #444;
}

#popup-content p.auth-button-input a.auth-button-button {
    display: block;
    float: right;
    margin-right: 10px;
    width: 298px;
    height: 32px;
}
#popup-content p.auth-button-longinput a.auth-button-button {
    width: 148px;
}
#popup-content p.auth-button-input a.auth-button-button, #popup-content p.auth-button-input a.auth-button-button:visited, #popup-content p.auth-button-input a.auth-button-button:hover, #popup-content p.auth-button-input a.auth-button-button:active {
    border-width: 0;
    text-decoration: none;
    outline-style: none;
}

#popup-content p.auth-error {
    font-size: 12px;
    color: #444;
    opacity: 0.8;
    display: block;
    border: solid 1px #dc1818;
    border-left-color: #e54141;
    border-top-color: #e54141;
    background-color: #f3e7e7;
    padding: 4px;
    z-index: 200;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.2);
    box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.2);
}

#popup-content p.auth-popup-block p.auth-error {
    margin: 1px 15px 5px 15px;
}