.overlay-container { background: rgba(0, 0, 0, 0.75); display: none; padding: 4em 1em; overflow: auto; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 90; perspective: 1300px; }
.overlay-container .overlay-content { margin: 10% auto; width: 60%; background: #FFF; padding: 3em; max-width: 50em; box-shadow: 0 0 2em rgba(0, 0, 0, 0.9); color: #333; position: relative; }
.overlay-container .overlay-content.login { max-width: 40em; }
.overlay-container .overlay-content H1 { margin: 0; padding: 0; color: inherit; }
.overlay-container .overlay-content P { font-size: 1.4em; color: inherit; }
.overlay-container .overlay-content .login-link { text-align: left; padding-top: 0.5em; }
.overlay-container .close-button { opacity: .5; margin: 0; padding: 0; position: absolute; top: 2em; right: 2em; }
.overlay-container .close-button:hover { opacity: 1; }
.overlay-container #registerMultiStepContainer { width: 100%; display: block; margin-top: 3em; }
.overlay-container #registerMultiStepContainer LI { padding: 0; border: none; }
.overlay-container #registerMultiStepContainer .stepsHandles { overflow: hidden; }
.overlay-container #registerMultiStepContainer .stepsHandles .handle { float: left; height: 0.5em; margin: 0 1% 0 0; overflow: hidden; text-indent: -9999px; width: 24%; background: #EEE none; }
.overlay-container #registerMultiStepContainer .stepsHandles .handle.active { background: #8CF; }
.overlay-container #registerMultiStepContainer .stepsHandles .indicator a:hover { cursor: default; }
.overlay-container #registerMultiStepContainer .step-header { color: #333; font-size: 1.5em; line-height: 1.2em; display: block; margin: 1em 0; text-align: left; }
.overlay-container #registerMultiStepContainer #progress-bar-container { height: 0.7em; overflow: hidden; background: #EEE; width: 100%; margin: 0.5em 0; }
.overlay-container #registerMultiStepContainer FORM { color: inherit; }
.overlay-container #registerMultiStepContainer FORM .row { padding: 0 0 0.7em; margin: 0; clear: both; width: 100%; color: inherit; }
.overlay-container #registerMultiStepContainer FORM LABEL { width: 100%; padding: 0.5em 0; margin: 0; font-size: 1.2em; font-weight: 400; text-align: left; color: inherit; }
.overlay-container #registerMultiStepContainer FORM INPUT, .overlay-container #registerMultiStepContainer FORM SELECT { padding: 0.55em 0.7em; width: 100%; float: left; font-size: 1.2em; border-radius: 0.5em; }
.overlay-container #registerMultiStepContainer FORM INPUT[type="checkbox"] { width: auto; padding: 0; float: none; }
.overlay-container #registerMultiStepContainer FORM BUTTON { width: 100%; display: block; margin: 0 auto; min-width: 0; border: 0; border-radius: 0.2em; font-size: 2em; padding: 0.35em 1.5em; text-shadow: none; }
.overlay-container #registerMultiStepContainer FORM LEGEND { margin: 0; }
.overlay-container #registerMultiStepContainer FORM .birthday_day, .overlay-container #registerMultiStepContainer FORM .birthday_year { width: 26%; margin: 0 1% 0 0; }
.overlay-container #registerMultiStepContainer FORM .birthday_month { width: 45%; margin: 0 1% 0 0; }
.overlay-container #registerMultiStepContainer FORM .disclaimerCheckboxContainer LABEL { float: none; font-weight: 500; }
.overlay-container #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors LABEL { font-size: 0.8em; margin: 0; }
.overlay-container #registerMultiStepContainer .error { background: #FEE; color: #C00; clear: both; font-weight: 400; font-size: 0.8em; line-height: 1.4em; display: block; height: auto; padding: 0.5em 1em; }
.overlay-container #registerMultiStepContainer .answers-container INPUT { width: 100%; min-width: 0; border: 0; border-radius: 0.6em; box-shadow: 0 1px 0 rgba(188, 54, 4, 0.75); color: #FFF; font-size: 2em; font-weight: 700; padding: 0.35em 1.5em; text-shadow: none; width: 49%; display: inline-block; float: none; }
.overlay-container #registerMultiStepContainer .username-password-disclaimer { color: #333; }
.overlay-container #registerMultiStepContainer .disclaimer { clear: both; margin-bottom: 1em; padding: 0; font-size: 0.8em; line-height: 1.4em; }
.overlay-container #registerMultiStepContainer .disclaimer a { color: #2ae; }
.overlay-container #registerMultiStepContainer .disclaimer a:hover { color: #2ae; }
.overlay-container .login-popup-container { margin: 0 auto; }
.overlay-container .login-popup-container FORM .row { padding: 0 0 0.7em; margin: 0; clear: both; float: left; width: 100%; color: inherit; }
.overlay-container .login-popup-container FORM LABEL { width: 100%; padding: 0.5em 0; margin: 0; font-size: 1.4em; font-weight: 700; text-align: left; color: inherit; display: block; }
.overlay-container .login-popup-container FORM LEGEND { color: inherit; font-size: 2.2em; margin-bottom: 0.5em; }
.overlay-container .login-popup-container FORM INPUT, .overlay-container .login-popup-container FORM SELECT { padding: 0.55em 0.7em; width: 100%; float: left; font-size: 1.2em; border-radius: 0.5em; }
.overlay-container .login-popup-container FORM INPUT[type="checkbox"] { width: auto; padding: 0; float: none; }
.overlay-container .login-popup-container FORM BUTTON { width: auto; display: block; margin: 0 auto; min-width: 0; border: 0; border-radius: 0.6em; font-size: 2em; padding: 0.35em 1.5em; text-shadow: none; }
.overlay-container .login-popup-container .account-tools { margin: 1em 0; }
.overlay-container .login-popup-container .account-tools LI { list-style-type: none; margin: 0; padding: 0.25em 0; font-size: 1.1em; }

.dark-theme .ux-overlay-content a { color: #44a1c9; }

.overlay-container .ifc.ico-close:before { color: #333; text-shadow: none; }

/* Cam Register */
.cam-register .overlay-content { max-width: 65em; width: 100%; }
.cam-register .overlay-content H1 { margin-bottom: 0.5em; text-align: center; }
.cam-register .registration-popup-subheader { color: inherit; font-size: 1.6em; margin-bottom: 2em; text-align: center; }
.cam-register .overlay-content .ux-registration-popup-description { font-size: 1.6em; text-align: center; }
.cam-register .ratings { float: right; }
.cam-register #registerMultiStepContainer { margin-top: 0; }
.cam-register .registration-popup-container:after, .cam-register .registration-popup-image-container:after { clear: both; content: ""; display: table; }
.cam-register .registration-popup-footer .ifc.ico-star:before { font-size: 15px; }
.cam-register .registration-popup-image { width: 100%; }
.cam-register .registration-popup-image-container { float: left; width: 40%; }
.cam-register .ux-registration-popup-form-container { float: right; width: 55%; }
.cam-register .screenname { float: left; font-size: 1.6em; }

.cam-register-email #registerMultiStepContainer .step-header { margin: 0 0 0.2em; }

@media screen and (max-width: 980px) { .overlay-container .overlay-content { width: 90%; padding: 2em; margin: 1em auto; }
  .overlay-container .overlay-content H1 { font-size: 2em; }
  .overlay-container .close-button { top: 1em; right: 1em; } }
@media screen and (max-width: 640px) { .cam-register .registration-popup-subheader { margin-bottom: 1em; }
  .cam-register .registration-popup-image-container { width: 100%; max-width: 40em; float: none; margin: 0 auto; }
  .cam-register .ux-registration-popup-form-container { width: 100%; max-width: 40em; float: none; margin: 1em auto 0; } }
/** blink effect class */
@-webkit-keyframes glowing { 0% { background-color: #c3c3c3; -webkit-box-shadow: 0 0 3px #c3c3c3; }
  50% { background-color: #e3e3e3; -webkit-box-shadow: 0 0 40px #e3e3e3; }
  100% { background-color: #c3c3c3; -webkit-box-shadow: 0 0 3px #c3c3c3; } }
@-moz-keyframes glowing { 0% { background-color: #c3c3c3; -moz-box-shadow: 0 0 3px #c3c3c3; }
  50% { background-color: #e3e3e3; -moz-box-shadow: 0 0 40px #e3e3e3; }
  100% { background-color: #c3c3c3; -moz-box-shadow: 0 0 3px #c3c3c3; } }
@-o-keyframes glowing { 0% { background-color: #c3c3c3; box-shadow: 0 0 3px #c3c3c3; }
  50% { background-color: #e3e3e3; box-shadow: 0 0 40px #e3e3e3; }
  100% { background-color: #c3c3c3; box-shadow: 0 0 3px #c3c3c3; } }
@keyframes glowing { 0% { background-color: #c3c3c3; box-shadow: 0 0 3px #c3c3c3; }
  50% { background-color: #e3e3e3; box-shadow: 0 0 40px #e3e3e3; }
  100% { background-color: #c3c3c3; box-shadow: 0 0 3px #c3c3c3; } }
.blink-effect { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; }

/*# sourceMappingURL=Registration_Popup.css.map */