﻿/* CSS for the signInSignUp Modal */

.signInSignUp-modal { background:rgba(51, 51, 51, 0.95); cursor:pointer; height:100%; left:0; opacity:0; overflow-y:auto; position:fixed; top:0; transition:opacity 0.3s, visibility 0.3s; visibility:hidden; width:100%; z-index:3; }
.signInSignUp-modal *, *:after, *:before { box-sizing:border-box; }
.signInSignUp-modal a { text-decoration:none; }
.signInSignUp-modal.is-visible { opacity:1; visibility:visible; }
.signInSignUp-modal.is-visible .signInSignUp-modal-container { transform:translateY(0); }
.signInSignUp-modal-container { background:#fff; border-radius:5px; cursor:auto; margin:40px auto 40px; max-width:500px; position:relative; transform:translateY(0); transition-property:transform; transition-duration:0.3s; width:90%; }
.signInSignUp-modal-close { background:url("../Images/signInSignUp-modal-close.svg") no-repeat center center; display:block; height:40px; overflow:hidden; position:absolute; right:0; text-indent:100%; top:-40px; white-space:nowrap; width:20px; } /* place an X button on top right */
.signInSignUp-modal-container .signInSignUp-modal-navigation { list-style:none; margin:0; padding:0; }
.signInSignUp-modal-container .signInSignUp-modal-navigation:after { clear:both; content:""; display:table; }
.signInSignUp-modal-container .signInSignUp-modal-navigation li { float:left; text-align:center; width:50%; }
.signInSignUp-modal-container .signInSignUp-modal-navigation li:first-child a { border-radius:5px 0 0 0; }
.signInSignUp-modal-container .signInSignUp-modal-navigation li:last-child a { border-radius:0 5px 0 0; }
.signInSignUp-modal-container .signInSignUp-modal-navigation a { background:#ccc; color:#666; font-weight:bold; display:block; height:50px; line-height:50px; margin:0; width:100%; }
.signInSignUp-modal-container .signInSignUp-modal-navigation a.selected { background:#fff; color:#666; }
.signInSignUp-modal-content { padding:1em 1rem; }
.signInSignUp-modal-content p {line-height:150%; margin-bottom:10px;}
.signInSignUp-modal-form input[type=submit] { background:#39c; border:none; border-radius:5px; color:#fff; cursor:pointer; font-size:1.5em; font-weight:bold; outline:none; padding:1em 0; width:100%; }
.signInSignUp-modal-form input[type=submit]:focus, .signInSignUp-modal-form input[type=submit]:hover { background:#c33; outline:none; }
.signInSignUp-modal-form .alert-message { background:#ffc; border:1px solid #fc0; padding:1em; }
.signInSignUp-modal-form .field-validation-valid { display:none; }
.signInSignUp-modal-form .field-validation-error { display:inline-block; }
.signInSignUp-modal-form .tooltip-error-style .field-validation-error { background:#c33; border-radius:5px; bottom:-1em; color:#fff; left:0; opacity:1; padding:.5em .5rem; pointer-events:none; position:relative; visibility:hidden; transition:opacity 0.2s 0, visibility 0 0; visibility:visible; z-index:2; }
.signInSignUp-modal-form .tooltip-error-style .field-validation-error::before { border-color:transparent transparent #c33 transparent; border-style:solid; border-width:0 .5em .866em .5em; bottom:100%; content:''; height:0; left:5px; position:absolute; width:0; } /* CSS Equilateral Triangle */
.signInSignUp-modal-form .input-group-addon, .signInSignUp-modal-form .input-group-addon a, .signInSignUp-modal-form .input-group-addon a:link, .signInSignUp-modal-form .input-group-addon a:visited, .signInSignUp-modal-form .input-group-addon a:focus, .signInSignUp-modal-form .input-group-addon a:hover {color:#333;}
.signInSignUp-modal-bottom-message { bottom:-25px; left:0; position:absolute; text-align:center; width:100%; }
.signInSignUp-modal-bottom-message p {line-height:100%; margin-bottom:0;}
.signInSignUp-modal-bottom-message a, .signInSignUp-modal-bottom-message a:link, .signInSignUp-modal-bottom-message a:visited, .signInSignUp-modal-bottom-message a:focus, .signInSignUp-modal-bottom-message a:hover { color:#fff; text-decoration:underline; }
#signInForm, #signUpForm, #passwordResetForm { display:none; }
#signInForm.is-selected, #signUpForm.is-selected, #passwordResetForm.is-selected { display:block; }
