/* CSS Document */

.div_main_nav
{ 	position:fixed;
	left:0px;
	top:0px;
	margin:0px;
	width:100%; height: 60px;	
	background-color:#666699;
	font-family:Calibri;
	font-size:16px;
	z-index:2;
}

.div_sub_nav
{	position:absolute;
	left:0px;
	top:60px;
	margin:0px;
	width:100%; height: 40px;	
	background-color: #EEEEEE;
	font-family:Calibri;
	font-size:16px;
}

.div_sub_cat
{	position:absolute;
	left:31.5%;
	top:0px;
	margin:0px;
	width:68.5%; height: 40px;	
	background-color: #EEEEEE;
	font-family:Calibri;
	font-size:16px;
}



.div_logo
{	position:absolute;
	left:0px;
	margin:0px;
	width:30%; height: 60px;
}

.lab_logo
{	position:absolute;
	left:10px;
	top: 0px;
	margin-right:3px;
	width:100px; height:50px;
	display:inline-block;
	font-family:Calibri;
	font-size:50px;
	color:white;
}

.lab_motto_upper
{	position:absolute;
	left:105px;
	top: 8px;
	padding-left:5px;
	margin-left:3px;
	width:150px; height:16px;
	display:inline-block;
	font-family:Calibri;
	font-size:14px;
	color:white;
	
}

.lab_motto_middle
{	position:absolute;
	left:105px;
	top: 21px;
	margin-left:3px;
	padding-left:5px;
	width:150px; height:16px;
	display:inline-block;
	font-family:Calibri;
	font-size:14px;
	color:white;
	text-align:center;
	
}

.lab_motto_lower
{	position:absolute;
	left:105px;
	top: 35px;
	margin-left:3px;
	padding-left:5px;
	width:150px; height:16px;
	display:inline-block;
	font-family:Calibri;
	font-size:14px;
	color:white;
	
}

.div_nav
{	position:absolute;
	left:30%;
	margin:0px;
	width:70%; height: 60px;
}

.lab_nav_home
{	position: absolute;
	top: 0px;
	left:0px;
	padding-top:20px;
	margin-right:5px;
	width:120px; height:40px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	/*vertical-align: middle;*/
	background-color:#666699;
	cursor:pointer;
}

.lab_nav_simulation
{	position:absolute;
	top: 0px;
	left:125px;
	margin-right:5px;
	padding-top:20px;
	width:120px; height:40px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#666699;
	cursor:pointer;
}

.lab_znav_simulation
{	position:absolute;
	top: 0px;
	left:125px;
	margin-right:5px;
	padding-top:5px;
	width:120px; height:55px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#666699;
	cursor:pointer;
}

.lab_nav_rtadvise
{	position:absolute;
	top: 0px;
	left:250px;
	margin-right:5px;
	padding-top:5px;
	width:120px; height:55px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#666699;
	cursor:pointer;
}

.lab_nav_mi
{	position:absolute;
	top: 0px;
	left:375px;
	margin-right:5px;
	padding-top:5px;
	width:120px; height:55px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#666699;
	cursor:pointer;
}

.lab_nav_EC
{	position:absolute;
	top: 0px;
	right:120px;
	margin-right:5px;
	padding-top:5px;
	width:40px; height:55px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#666699;
	cursor:pointer;
}

.lab_nav_signin
{	position:absolute;
	top: 0px;
	right:0px;
	margin-right:0px;
	padding-top:20px;
	width:120px; height:40px;
	display:inline-block;
	font-family:Calibri;
	font-size:20px;
	color:white;
	text-align:center;
	background-color:#666699;
	cursor:pointer;
}

.lab_my_simulation
{	position: absolute;
	top: 0px;
	left:0px;
	padding-top:10px;
	margin-right:5px;
	width:175px; height:30px;
	display:inline-block;
	font-family:Calibri;
	font-size:18px;
	color:black;
	text-align:center;
	cursor:pointer;
}

.lab_my_rtadvise
{	position: absolute;
	top: 0px;
	left:180px;
	padding-top:10px;
	margin-right:5px;
	width:220px; height:30px;
	display:inline-block;
	font-family:Calibri;
	font-size:18px;
	text-align:center;
	cursor:pointer;
	color:black;
}

.lab_my_mi
{	position: absolute;
	top: 0px;
	left:400px;
	padding-top:10px;
	margin-right:5px;
	width:175px; height:30px;
	display:inline-block;
	font-family:Calibri;
	font-size:18px;
	text-align:center;
	cursor:pointer;
	color:black; 
	/*background-color: #669999;*/
}

.lab_my_account
{	position: absolute;
	top: 0px;
	right:0px;
	padding-top:10px;
	margin-right:0px;
	width:120px; height:100%;
	display:inline-block;
	font-family:Calibri;
	font-size:18px;
	text-align:center;
	cursor:pointer;
	color:#666699;
}

.div_sub_signin
{	position:absolute;
	left:25%;
	top:100px;
	margin-top:10px;
	width:50%; height: 400px;	
	/*background-color: #EEEEEE;*/
	border:2px solid #669999;
	/*border-radius:5px;*/
	font-family:Calibri;
	font-size:18px;
	text-align:center;
}

.lab_form_header
{ 	width:100%; height:30px;
	left:0px;
	font-size:20px;
	color:white; text-align:center;
	background-color: #669999;
	margin-bottom:20px;
	display:block;
}

.lab_errMsg_content
{	width:100%;
	left:20px;
	font-size:20px;
	color:red;
	margin-bottom:20px;
	display:block;
}

.lab_logup_complete_msg
{
	width:100%;
	left:20px;
	font-size:20px;
	margin-bottom:20px;
	display:block;

}

.lab_signin
{ 
	width: 65px; height:20px;
	margin-right:5px;
	display: inline-block;
	text-align:right;
	padding:5px;
}

.lab_signin_submit
{
	width: 180px; height:20px;
	display: inline-block; 
	background-color:#669999; color:white;
	/*border-radius: 3px;*/
	padding:2px;
	cursor:pointer;
}

.lab_forget_psw
{
	width: 180px; height:20px;
	display: inline-block; 
	color:#669999;
	border-radius: 3px;
	padding:2px;
	cursor:pointer;
}

.lab_signup
{
	width: 300px; height:20px;
	display: inline-block; 
	padding:2px;
	cursor:pointer;

}

.input_signin
{	
	width: 180px; height:20px; 
	border: 1px solid #666699;
	/*border-radius: 3px;*/
	display: inline-block;
	
}

.lab_signup_term
{	height:20px;
	color:#666699; 
	/*border: 1px solid #666699;*/
	/*border-radius: 3px;*/
	display: inline-block;
	cursor:pointer;
}

.lab_signup
{ 
	width: 230px; height:20px;
	display: inline-block;
	text-align:right;
	padding:5px;
}

.lab_logup_now
{	width: 410px; height:20px;
	display: inline-block;
	text-align:left;
	font-size:20px;
	padding:5px;
}


.logup_next
{	width: 180px; height:20px;
	display: inline-block; 
	background-color:#669999; color:white;
	/*border-radius: 3px;*/
	padding:2px;
	cursor:pointer;
}

/* --- personal questions ---*/




/*.lab_signup
{	position:absolute;
	top: 0px;
	right:0px;
	margin-right:0px;
	padding-top:10px;
	padding-right:20px;
	height:30px;
	display:inline-block;
	font-family:Calibri;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}*/


/* -----------customer checkbox-----*/
/* checkbox css*/
.chk_container {
  display: block;
  position: relative;
  padding-left: 50px;
  margin-top: 10px;
  margin-left:200px;
  text-align:left;
  cursor: pointer;
  font-size: 18px;
  color: #669999;
  font-family: Calibri;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.chk_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chk_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ccc; /*#666699; */
  /*border-radius: 9px;*/
}


/* On mouse-over, add a grey background color */
.chk_container:hover input ~ .chk_checkmark {
  background-color: #ccc;
 }

/* When the checkbox is checked, add a blue background */
.chk_container input:checked ~ .chk_checkmark {
  background-color: #669999;
  }
  
/* Create the checkmark/indicator (hidden when not checked) */
.chk_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chk_container input:checked ~ .chk_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk_container .chk_checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* end of custom checkbox....*/
/*---------------end radio button ----->*/


/* -------------------home page --------------------------*/




