/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 4, 2014, 1:08:38 PM
    Author     : jcheung
*/


 
 
 /******************************************************************************/
/*  REGISTRATION REVAMP LOGIN FORM SETTINGS  (legacy / pre overhaul code)      */
/*******************************************************************************/


#lightbox_login_new { width: 100%; height: 1000px; position: fixed; left: 0; top: 0; display: none; color: #eee; background-color: #3f3f3f; z-index: 2147483647 !important; /* changed from 9999990 */; background:url("img/overlay.png"); }

#lightbox_login_new #lightbox_box { width: 334px; margin: 125px auto; border: solid 2px #eee; background: #fff;  border-radius: 3px;border: 1px solid #b3b3b3;}

#lightbox_login_new #lightbox_box p#lightbox_login_new_close {background: #ffffff; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-align: right; float:right;}
#lightbox_login_new #lightbox_box p#lightbox_login_new_close a {color: #2d2d2d; cursor: pointer; text-decoration: none; margin: 3px;}
#lightbox_login_new #lightbox_box h3  {color: #AF743C; font-weight: bold; font-size:1.1em; margin: 10px; text-align: center;  }
#lightbox_login_new #lightbox_box p {font-size:0.75em; margin: 10px 20px; text-align:left; font-family:arial;}
#lightbox_login_new #lightbox_box p.access{font-weight: bold; margin:20px 40px 10px;color:#fff;}
#lightbox_login_new #lightbox_box p.access a{color:#d89d1f;}

#lightbox_login_new #lightbox_box .formStatusMessages  { clear:both; margin:10px 11px; }
#lightbox_login_new #lightbox_box .formStatusMessages   p {margin:0;}
#lightbox_login_new #lightbox_box  #emailCheckStatus p {font-weight: bold; color: #CE181F; margin: 10px; font-size:12px; font-family:arial;}

#lightbox_login_new #lightbox_box .linkedInBtn { margin:10px 0;clear:both; /*width:360px;*/}

#lightbox_login_new #lightbox_box .linkedInBtn #linkedinLogo {
    background: url("/assets/img/surf/in-icon-button.png?1387473054") no-repeat scroll 10px center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 100%;
    left: 18px;
    top: 0;
    width: 38px;
    padding: 0;
    margin: 0;
    
    }
    

#lightbox_login_new #lightbox_box form {margin:-10px 0 0; padding:10px 0 0; text-align: center;}

#lightbox_login_new #lightbox_box table#formLogin { width: 225px; margin:15px 0 0 40px; }
#lightbox_login_new #lightbox_box table#formLogin td { color: #000; font-size: 12px; text-align: right;  }
#lightbox_login_new #lightbox_box table#formLogin td input  { color:#000000; float: right; margin:0 0 5px 5px;  }
#lightbox_login_new #lightbox_box table#formLogin td.rememberMe  { clear: both; color: #00000; text-align: left; }
#lightbox_login_new #lightbox_box table#formLogin td.rememberMe input  { cursor: pointer; float:none; margin:0 5px 0 8px;}
#lightbox_login_new #lightbox_box table#formLogin td label { font-weight: bold; font-size: 13px; color: #333;}

#lightbox_login_new #lightbox_box  p.going {padding-left: 20px; background:transparent url(img/loading.gif) no-repeat scroll 0 0;}
#lightbox_login_new #lightbox_box #emailCheckStatus  { margin: 0; padding: 0;   }
#lightbox_login_new #lightbox_box #emailCheckStatus .user{color:#AF743C;}
#lightbox_login_new #lightbox_box #emailCheckStatus a{ color: #D89D1F;}
#lightbox_login_new #lightbox_box #loginSubmit  {  margin-left: 40px;  }

#lightbox_login_new #lightbox_box p.forgetPass {font-size:0.75em; text-align: center; } 
#lightbox_login_new #lightbox_box p.forgetPass a { color:#D89D1F; cursor: pointer; } 
#lightbox_login_new #lightbox_box p.forgetPass a:hover {text-decoration: underline;}

#lightbox_login_new #lightbox_box .newUserRegister  { background-color: #222; font-size:0.75em; font-weight:bold; line-height:3.0em; margin:0; padding:0; text-align: center;}
#lightbox_login_new #lightbox_box .newUserRegister a  {  color:#D89D1F; margin:0 7px; text-decoration: none; }
#lightbox_login_new #lightbox_box .newUserRegister #subscribelink {  line-height: 1.2em; padding: 15px 0; margin: 0 0 0 20px; display: block; text-align: left;  }
#lightbox_login_new #lightbox_box .newUserRegister a:hover {text-decoration: underline;}

#lightbox_login_new #overlaysubscribe a , #lightbox_login_new #overlayfooter a{color: #0071C2;}
#lightbox_login_new #lightbox_box #formLogin input.required{width:185px; *margin-right:10px; border-radius: 3px;border: 1px solid #b3b3b3;padding: 3px;}
#lightbox_login_new #lightbox_box #formLogin input.error { border: 1px solid red; }
#lightbox_login_new #lightbox_box #emailCheckStatus .error, #lightbox_login_new #lightbox_box #emailCheckStatus .bad { background: url("img/error.png") no-repeat scroll left center transparent; padding-left:30px;}
#lightbox_login_new #lightbox_box #emailCheckStatus .info , #lightbox_login_new #lightbox_box  .access { background: url("img/alert.png") no-repeat scroll left center transparent; padding-left:30px; color:orange;}
#lightbox_login_new #lightbox_box  .success, #lightbox_login_new #lightbox_box #emailCheckStatus .good{ background: url("img/success.png") no-repeat scroll left center transparent; padding-left:30px; color:#00D100;}
#lightbox_login_new #lightbox_box #overlaysubscribe{ font-size:15px; color:#000;}
#lightbox_login_new #lightbox_box #overlayfooter{ text-align:center; border-top:1px solid #ccc;padding-top:10px;font-size:11px;}
#lightbox_login_new #lightbox_box #loginSubmit.button.blueStandard  {  color: #fff; padding: 5px 68px; *padding:0; margin-right:10px; font-size: 15px;letter-spacing: 1px; margin-top:5px;}

#lightbox_login_new #lightbox_box.closed .button {
margin:20px 10px 0;
}

#lightbox_login_new #lightbox_box.closed  #formLogin {
display:none;
}

#lightbox_login_new #lightbox_box.opened  #formLogin {
display:block;
}

/******new overhaul sign in overlay***********/

#lightbox_login_new #lightbox_box .button {
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font: 700 16px/22px Arial,Helvetica,sans-serif;
    margin: 0 2px;
    min-height: 22px;
    outline: medium none;
    overflow: hidden;
    padding: 0.5em 1.5em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    width: 80%;
}

#lightbox_login_new #lightbox_box table#formLogin {
    margin: 15px auto;
    width: 84%;
}
#lightbox_login_new #lightbox_box table#formLogin td label {
    color: #333333;
    font-family: 'Droid Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
}
#lightbox_login_new #lightbox_box #loginSubmit.button.blueStandard {
    background: -moz-linear-gradient(center top , #467984, #467984) repeat scroll 0 0 transparent;
    margin-right: 0;
    width: 73%;
}
#lightbox_login_new #lightbox_box table#formLogin input.required {
    width: 195px;
}
#lightbox_login_new #lightbox_box #overlaysubscribe {
    color: #000000;
    font-family: 'Droid Sans',sans-serif;
    font-size: 15px;
    text-align: center;
}
#lightbox_login_new #lightbox_box #overlayfooter {
    border-top: 1px solid #CCCCCC;
    color: #CCCCCC;
    font-family: 'Droid Sans',sans-serif;
    font-size: 11px;
    padding-top: 10px;
    text-align: center;
}
#lightbox_login_new #overlaysubscribe a, #lightbox_login_new #overlayfooter a {
    color: #467984;
    text-decoration: none;
}
#lightbox_login_new #overlaysubscribe a:hover, #lightbox_login_new #overlayfooter a:hover {
    color: #467984;
    text-decoration: underline;
}
.blue {
    background: none repeat scroll 0 0 #316693;
    border: medium none;
    color: #FFFFFF;
    filter: none;
}
.blue:hover {
    background: none repeat scroll 0 0 #316693;
    color: #FFFFFF;
    filter: none;
    text-decoration: underline !important;
}
.blueStandard {
    background: none repeat scroll 0 0 #467984;
    border: medium none;
    color: #FFFFFF;
    filter: none;
}
.blueStandard:hover {
    background: none repeat scroll 0 0 #467984;
    filter: none;
    text-decoration: underline !important;
}

/*******end overhaul sign in overlay******/


