#login {border: 1px solid #ccc;background: #fff none no-repeat left top;min-height: 400px;color:  #1C4C8D;margin-bottom:  170px;}
#login a {color:  #1C4C8D;}
#login .welcome_message {font-size: 10px;margin-bottom: 10px;color: #500;}

#login .welcome_message a {font-size: 11px;}
#login #login_form,
#login #not_a_member 
{margin: 20px;}

#login #login_form {width:  279px;float:  left;height: 259px;}
#login_form label, #login_form input {clear:  left;}
#login_form label {font-size:  12px;font-weight:    bold;}
#login_form input[type=text], #login_form input[type=password] {width:  100%;height: 20px;margin-top: 5px;}
#login_form input[type=text] {margin-bottom: 25px;}
#login_form input[type=password] {margin-bottom: 5px;}
#login_form a.forgot_password {float:  right;display: block;clear: left;font-size:  10px;font-weight:normal;}
#login #not_a_member, 
#login_form .box 
{background: #ECF1F7 none no-repeat left top;}
#login #not_a_member p bold, #login_form label {font-family:"Franklin ITC", Arial, Helvetica, sans-serif;}

#login_form .box {padding:15px 15px;display:inline-block;bottom: 0;left:0;width:249px;line-height:25px;}
#login_form input[type=submit] {background:transparent url('/etc/designs/cen/images/button_login.png') no-repeat left top;width:  82px;height: 25px;border: none;float:  right;}
#login_form input[type=checkbox] {clear:  none;width:  25px;height: auto;padding-top:3px;}
/* shares background styles with #login_form .box */
#login .purchase {margin: 10px 0px 0px;}
#login .purchase img {display:none;}
#login #not_a_member {background: #ECF1F7 none no-repeat left top;padding:10px 20px 100px;margin-left:339px;height: auto;}
#login #not_a_member p {padding-bottom: 18px;}
#login #not_a_member img#login_logo {float:  right;}
#login #not_a_member .heading {font-size:  16px;font-weight:    bold;margin-bottom:  20px;font-family:"Franklin ITC", Arial, Helvetica, sans-serif;}
#login #not_a_member a#join_acs {font-size:  14px;font-weight:    bold;} 

#login_frame {height: 100%!important; left: -25px; width: 100%!important; z-index: 99999999!important;}

#login_frame:before {content: "";background: rgba(10, 10, 10, .75);position:fixed; top:0px; left:0px; z-index:1001;width:100%;height:100%;}

#login_frame iframe {left: 50%;margin: 0 0 0 -345px; position: fixed; text-align: center; top: 25%; width: 690px; z-index: 1002; height:330px!important;}

@media (max-width: 400px) {
#login #not_a_member {height: auto;float: left;clear: both;margin: 0px!important;}
}