/* NYL_LOGIN.CSS */
html				{width:100%; background:#f5f5f5;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
body				{color:#5e605e; background:#fff; font:20px/30px nylic-effra-n4, nylic-effra, Microsoft JhengHei, 'Nanum Gothic', segoe ui, sans-serif; width:100%;}

.div_screen_title		{font-size:30px; font-family: alda-web-nyl-n4, alda-web-nyl, Georgia, 'Nanum Myeongjo', serif;}

a 				{color:#007ac2; text-decoration:none; transition:all .5s; cursor: pointer}
/* a 				{color:#007ac2; text-decoration:none; transition:all .5s;} */
a:hover,
a:visited:hover			{color:#205f7c; text-decoration:underline;}

textarea,
input[type="password"],
input[type="text"],
input[type="password"],
input[type="text"],
input[type=tel],
input[type=search],
input[type=email],
select				{position:relative; padding:0; margin:0 0 10px; line-height:normal; color:#35363a; background:transparent url(../images/nyl-sprite.png) no-repeat right 55px; height:23px; width:100%; box-sizing:border-box; border:0; border-bottom:1px solid #5e605e; font:normal 20px/30px alda-web-nyl-n4, alda-web-nyl, Georgia, 'Nanum Myeongjo', serif;}
input[type="checkbox"],
input[type="radio"]		{position:relative; top:3px;}
textarea			{width:auto; height:auto; background:#fff; border:1px solid #5e605e;}

input[type="button"]		{width:46%; margin:0 2%; letter-spacing:1px; background:#007ac2; text-transform:uppercase; font-weight:bold; min-height:60px; transition:all .5s; line-height:60px; text-align:center; color:#fff; display:inline-block; padding:0 10px; box-sizing:border-box; border-radius:3px; border:0;}
input[type="button"]:hover	{background:#205f7c; color:#fff;}

input:invalid			{color:#eb5b4f; font-weight:bold;}
input:focus:invalid		{background-position:right -615px; color:inherit; font-weight:normal;}
input:required:valid		{background-position:right -635px;}
input:focus:required:invalid	{background-position:right -675px;}

select:invalid			{color:#cdcdcd;}
select:focus:invalid		{background-position:right -535px;}
select:required:valid		{background-position:right -555px;}
select:focus:required:invalid	{background-position:right -595px;}

input::-webkit-input-placeholder{color:#cdcdcd; font-weight:normal;}
input:-moz-placeholder 		{color:#cdcdcd; font-weight:normal;}
input::-moz-placeholder 	{color:#cdcdcd; font-weight:normal;}
input:-ms-input-placeholder 	{color:#cdcdcd; font-weight:normal;}

input[type=image]		{background:none !important;}
select:focus,
input:focus 			{outline:none; border-color:#42b8fb;}

.td_password_label,
.td_user_name_label		{text-align: left; text-transform:uppercase; font-weight:bold; vertical-align: bottom; height: 20px;}


input[type="text"]:disabled, 
input[type="password"]:disabled {background-color:#7d7f7d;}


.div_header_large	{width: 100%;}
.div_header_large div	{height:120px !important;}
.div_header_large:before{content:""; display:block; width:70px; height:70px; position:absolute; left:70px; top:25px; background:#fff url(../images/nyl-logo.svg); background-size:100%;}
.div_header_large:after	{content:""; display:block; width:100%; height: 170px; overflow: hidden; background: #fff url(../images/nyli-hdr-nylbuilding-21.jpg) no-repeat; background-size: 100%; background-position: 50% 50%;}

.tab_header_large 	{display:none;}
.td_header_large_text 	{font-weight: bold; text-align: center; width: 40%;}


.div_header_small 	{height: 50px; max-width:640px; margin:0 auto; display:none;}
.tab_header_small 	{width:75%; margin:0 auto;}
.tab_header_small td	{width:auto !important; text-align:left;}


.td_header_small_img 	{display:none;}

.div_screen_title 	{max-width:640px; margin:30px auto 0;}
.div_screen_title:before {content:"\00a0"; width: 12.5%; display: block; float: left;}
.div_data 		{width:100%; max-width: 640px; margin:0 auto 30px; color:#5e605e; font-size:15px; vertical-align: middle; padding:20px 0 0;}
.tab_data_input 	{margin-left: auto; margin-right: auto; width: 75%; }


.tab_data_input tr 	{height: 15px;}

/*---------->>>>>>>>>> .div_data_remember_me */
.div_data_remember_me
{
  border-style: none;
  border: none;
  outline: none;
  text-align: center; 
  padding-top: 5px;
  display: none;
}

/*---------->>>>>>>>>> .div_data_message */
.div_data_message
{
  display: none;
  font-weight: normal; 
  color: black; 
  font-size: 10pt; 
  padding-left: 10px; 
  padding-right: 10px; 
  text-align: center; 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 8px; 
  margin-bottom: 0px;
}

/*---------->>>>>>>>>> .div_data_links */
.div_data_links 
{
  margin-left: auto; 
  margin-right: auto; 
  padding-top: 5px; 
  padding-bottom: 5px;
  text-align: center; 
  height: 20px;
  display: none;
}


.div_data_links_all,
.div_data_links_change,
.div_data_links_manage,
.div_data_links_forgot,
.div_data_links_later,
.div_data_links_help,
.div_data_links_continue 	{display: none;}

/*---------->>>>>>>>>> .div_data_buttons */
.div_data_buttons
{
  background-color: transparent; 
  margin-left: auto; 
  margin-right: auto;
  margin-top:20px;
}

.tab_data_buttons 	{width:100%; margin:20px 0 0;}
/*---------->>>>>>>>>> .tab_data_buttons tr */
.tab_data_buttons tr
{
  height: 35px;
}
/*---------->>>>>>>>>> .td_data_buttons_warning */
.td_data_buttons_warning
{
  /* style='text-align: center; width: 20%; visibility: hidden;' */  
  text-align: center;
  width: 17%;
  visibility: hidden;
}
/*---------->>>>>>>>>> .td_data_buttons */
.td_data_buttons
{
  /* style='width: 66%; text-align: center;' */  
  width: 66%; 
  text-align: center;
}
/*---------->>>>>>>>>> .td_data_buttons_help */
.td_data_buttons_help
{
  /* style='text-align: center; width: 20%; visibility: hidden;' */
  text-align: center;
  width: 17%;
  visibility: hidden;
}
/*---------->>>>>>>>>> .div_tryno */
.div_tryno
{
  margin-left: auto; 
  margin-right: auto; 
  width: 360px; 
  text-align: center; 
  font-size: 10pt; 
  font-weight: bold;
  color: red;
}

/*---------->>>>>>>>>> .div_footer */
.div_footer 			{font-size:50%; line-height:2; margin:50px auto 0; background:#f5f5f5; padding:40px 50px;}
.div_footer p:first-child	{border-top:1px solid #cdcdcd; padding-top:30px;}
/*---------->>>>>>>>>> .btn_submit */
.btn_submit
{
  height: 22px; 
  width: 60px; 
  text-align: center; 
  font-size: 10pt; 
  background-color: #007ac2; 
  cursor: pointer;
  color: white;
}
/*---------->>>>>>>>>> .btn_clear */
.btn_clear
{
  height: 22px; 
  width: 60px; 
  text-align: center; 
  font-size: 10pt; 
  background-color: white;  
  cursor: pointer;
  color: black;
}

/* <<<<< SECURE LOGIN >>>>> */
/*---------->>>>>>>>>> .tr_secure_pin */
.tr_secure_pin
{
  /* height: 15px; */
  display: none;
}
/* <<<<< MESSAGE BOX >>>>> */
/*---------->>>>>>>>>> .div_mbox */
.div_mbox
{
  display: none; 
  width: 320px; 
  margin-left: auto; 
  margin-right: auto; 
  border-collapse: collapse; 
  font-family: Arial, Helvetica, sans-serif; 
  text-align: center;
  /* padding-top: 10px; */
}
/*---------->>>>>>>>>> .mbox_title */
.mbox_title
{
  border-collapse: collapse; 
  text-align: center; 
  font-size: 12pt; 
  font-weight: bold; 
  color: transparent;
  width: 100%; 
}
/*---------->>>>>>>>>> .div_mbox_message */
.div_mbox_message
{
  background-color: #C7DFF4; 
  padding-bottom: 10px; 
  border-collapse: collapse; 
}
/*---------->>>>>>>>>> .mbox_caption */
.mbox_caption
{
  text-align: center; 
  font-weight: bold; 
  font-size: 11pt; 
  color: darkblue;
  padding-top: 10px; 
  padding-bottom: 0px; 
}
/*---------->>>>>>>>>> .mbox_message */
.mbox_message
{
  color: black; 
  font-weight: normal; 
  font-size: 10pt; 
  text-align: left;
  padding-right: 8px; 
  padding-left: 8px; 
}
@media only screen and (max-width: 1279px) {
.div_header_large div	{height:100px !important;}
.div_header_large:before{width:60px; height:60px; top:20px; left:55px;}
}

@media only screen and (max-width: 959px) {
.div_header_large div	{height:80px !important;}
.div_header_large:before{top:10px; left:33px;}
.div_header_large:after	{height:100px;}
.div_screen_title	{font-size:24px;}
}

@media only screen and (max-width: 539px) {
.div_header_large div	{height:60px !important;}
.div_header_large:before{left:28px; width:40px; height:40px;}
.div_header_large:after	{height: 50px;}
.div_data		{font-size:14px;}
}

		/* The Modal (background) */
.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Sit on top */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color:transparent; /* Fallback color */
	}

	/* Modal Content/Box */
.modal-content {
	  background-color: #C7DFF4;
	  margin: 15% auto; /* 15% from the top and centered */
	  padding: 20px;
	  border: 1px solid #888;
	  width: 60%; /* Could be more or less, depending on screen size */
	  border-collapse: collapse;
	}

	/* The Close Button */
.close {
	  color: #aaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}

.close:hover,
.close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}