.loginOverlay { background-color: #000000; } #login_lightbox { text-align:center; display:inline-block; width:1000px; /* position:absolute; */ position:fixed; left:50%; margin-left:-500px; } #login_main { width:800px; } a#tp_login { background-color:#01A2A6; float:left; margin:15px 0 0 12px; color:#fff; cursor:pointer; font-size:16px; line-height:22px; position:relative; display:block; width:100px; text-align:center; padding:8px 15px; text-transform:uppercase; } a#tp_login:hover { opacity:0.8; filter:alpha(opacity=80); color:#fff; text-decoration:none; } #welcome_login { border:solid 2px #c8c8c8; background-color:#fff; color:#183152; clear:both; padding:10px; margin-top:20px; margin-bottom:25px; overflow:normal; display:inline-block; overflow:hidden; -webkit-box-shadow: 0px 0px 40px 1px #999; -moz-box-shadow: 0px 0px 40px 1px #999; box-shadow: 0px 0px 40px 1px #999; margin-left:auto; margin-right:auto; } #welcome_main h4 { font-family:oswald,sans-serif; color:#183152; font-weight:normal; font-size: 36px; margin:25px 0; text-align:center; } #welcome_main h3 { font-size:14px; font-weight:normal; text-align:center; } #mailerror { font-size: 12px; margin: 1em 0px 0.5em; color: #F60; } #welcome_left { width:450px;float:left;border-right:solid 1px #757575;margin:20px;padding:0px 10px 5px 40px; text-align:left; box-sizing:content-box; } #welcome_right { width:37%;padding-top:25px;float:left;text-align:center; } #welcome_or { position:absolute; margin-left:437px; margin-top:36px; display:block; background-color:#fff; z-index:999; text-transform:uppercase; color:#757575; font-size:16px; padding:5px; } input#loginEmail { width:250px; padding: 6px 4px; font-family: arial,helvetica,sans-serif; margin-bottom: 5px; border: 1px solid #c8c8c8; background-color: #FFF; font-size:14px; line-height:18px; color:#666; } input#loginEmail:hover { border:solid 1px #8CCAD1; background-color:#E4F7F7; } #linkedin_button:hover { opacity:0.7; filter:alpha(opacity=70); border:0; text-decoration:none; border:none; cursor:pointer; } div#status_message { text-align:left; margin:1em 0; padding:0 15px; } div#status_message h4 { font-family:oswald,sans-serif; color:#183152; font-weight:normal; font-size: 36px; margin:25px 0; text-align:center; } div#status_message h3 { text-align:left; margin:auto 50px; } div.sent { width:750px; } div.loggedout { width:750px; } div.powered { clear:both; text-align:left; } div.powered img { margin-top:5px; } div#close_lightbox { cursor:pointer; } /* LINKEDIN BUTTON REMOVAL */ #welcome_right, #welcome_or, #welcome_or_spa { display:none; } #welcome_left { border-right:0; float:none; margin:20px auto; overflow:auto; } /* END LINKEDIN BUTTON REMOVAL */ @media (max-width:768px) { #login_main { width:auto; max-width:650px; } #welcome_main h3 { margin-left:40px; margin-right:40px; } #welcome_left { } input#loginEmail { } #welcome_or { margin-left:343px; } #welcome_right { padding-top:32px; } div.sent { width:auto; max-width:650px; } div.loggedout { width:auto; } } @media (max-width:650px) { #login_lightbox { top:65px; } #login_main { max-width:250px; } #welcome_main h4 { font-size:24px; margin-bottom:12px; } #welcome_main h3 { margin-left:10px; margin-right:10px; text-align:left; } #welcome_left div { float:none!important; } input#loginEmail { width:200px; box-sizing:content-box; } a#tp_login { margin: 15px auto; width:180px; box-sizing:content-box; } #welcome_left { float:none; overflow:auto; margin-bottom:0; padding:0 20px; } #welcome_or { position:relative; margin-left:0; margin-top:0; padding:0; } #welcome_right { padding-top:15px; padding-bottom:15px; width:100%; float:none; } #welcome_main { max-width:250px; } div#status_message h3 { margin:0; } }