@charset "utf-8";
#branding { z-index:9996; } /* a little naughty, twentyeleven fix */
.lwa { margin-bottom:10px; }
form.lwa-form, form.lwa-remember, div.lwa-register form { position:relative; }
.lwa table { width:100% !important; margin:0px !important; border:none !important; border-spacing:0; border-collapse:collapse; }
.lwa td,.lwa th { padding:0; border-spacing:0; border:none !important; }
.lwa td { padding-top:7px; vertical-align:top; background-color:none; }

/*Logged out CSS*/
.lwa .lwa-username-label, .lwa .lwa-password-label { padding-right:10px; vertical-align:middle; }
.lwa-password input, .lwa-username input, .lwa-email input, .lwa-remember-email input { margin:0px; width:96%; padding-left:2%; padding-right:2%; }

.lwa-loading,
.lwa-loading:after {
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.lwa-loading:after {
    content: '';
}
.lwa-loading {
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: -15px;
    font-size: 10px;
    text-indent: -9999em;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-left: 3px solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: lwa-loading .4s infinite linear;
    animation: lwa-loading .4s infinite linear;
}
@-webkit-keyframes lwa-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lwa-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.lwa-loading ~ * {
    opacity: 0.2;
}

.lwa-status { margin:0px 0px 5px; padding:10px 0; color:#333; border-radius:3px; display:none; }
.lwa-status-invalid, .lwa-status-confirm { display:block !important; }
.lwa-status-invalid { color: #D92B4C; }
.lwa-status-confirm { color: #2BD943; }

/*Logged In CSS*/
.lwa-avatar { width:60px; padding-right:10px; }
.lwa-info { text-transform:lowercase; }

/*Forgotten password*/
.lwa-remember { margin-top:10px; display:none; }

/*Registration*/
.lwa .lwa-register { margin-top:10px; display:none; }

/*OpenID specific*/
.lwa-register hr { display:block; }
.lwa-register #openid_identifier { width:auto; }

/* Modals CSS */
.lwa-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 1040; display: none; top: 0; left: 0; }
.lwa-modal.modal-dialog { visibility: hidden; top: 100px; left: 50%; margin-left: -240px; width: 400px; background: #fefefe; position: absolute; z-index: 1041; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }

/* divs-only */
.lwa-divs-only p { margin:8px 0px 5px !important; }
.lwa-divs-only input[type="text"] { margin:5px 0px 10px; }
.lwa-divs-only .lwa-submit-button, .lwa-divs-only .lwa-links { margin-top:5px; }
.lwa-divs-only .lwa-form .lwa-submit-button { float:right; }
.lwa-divs-only .lwa-remember, .lwa-divs-only .lwa-register { clear:both; }

/*Modal Template*/
/*
.lwa-template--modal .lwa-modal-box { background-color:#fff; color:#333;  width:350px; padding:15px; text-align:left;  border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.lwa-template--modal .lwa-modal-box h4 { font-size:16px; margin:0px; padding:0px; }
.lwa-template--modal .lwa-modal-box .close { background:url(https://photoncc.com/wp-content/themes/youplay/plugins/login-with-ajax/modal/close.png) 0px 0px no-repeat  !important; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; border:none; padding:0px; margin:0px; }
.lwa-template--modal .lwa-modal-box #wp-submit { display:block; clear:both; }
*/