body { margin:0px; padding:0px; height:100%; min-height:100%; }
/*key area justoneclick */

.star { font-size:16px; color:#FF0000;}
.topHeader_just { position: relative; width: 100%; margin: 0 0 -17px 0; float: left; height: 98px; background: url('../images/top-bg.png') repeat-x; }
.rightSide_just .signup { position: absolute; top: 25px; right: 10px; display: block; padding: 5px 15px; background: #ff8a00; border-bottom: 5px solid #a8591d; color: #fff;  border-radius: 5px; text-decoration: none; font-size: 18px; }
.f-nav_just{ z-index: 9999; position: fixed; top: 0; width: 100%;}


/* left side */
.leftSide_just { width: 300px; float: left;}
.leftSide_just h1 { padding: 5px 0 0 0px; margin: 0px; float: left; }
.leftSide_just h1 a { width: 150px; height: 74px; text-indent: -9999px; display: block; background: url('../images/logo.png') no-repeat; }

/* right side */
.rightSide_just { padding-top: 25px; width: 190px; float: right; position: relative; }
.rightSide_just a { padding: 4px 15px; float: left; border-radius: 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #fff;}
.rightSide_just a.login { margin-right: 10px; background: #0d5dae; border-bottom: 5px solid #074788; text-decoration: none; position: relative; }
.logoutMenu_just Label { Width:156px; word-wrap: break-word;   }
.logoutMenu_just { padding: 12px 5px; position : absolute; top: 10px; right: 60px; width: 200px; float: left; border: 1px solid #dedede; background:#f7f7f7; cursor: pointer;  }
.logoutMenu_just p { padding-top: 3px; float: left; padding-left: 10px;  font-family: Arial; font-size: 15px; color: #000;  }
.logoutMenu_just img { float: left; display: block;}
.logoutMenu_just img.ARW { float: left; padding: 10px 0 0 0; }
.logoutMenu_just:hover { border: 1px solid #d1cfcf;}

@media only screen and (max-width:767px)
{
.rightSide_just { padding-top: 25px; width:120px; float: right; position: relative; }
.rightSide_just a { padding: 2px 8px; float: left; border-radius: 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;}
.rightSide_just a.login { margin-right: 1px; background: #0d5dae; border-bottom: 5px solid #074788; text-decoration: none; position: relative; }
.logoutMenu_just { padding: 5px 5px; position : absolute; top: 6px; right: 2px; width:167px; float: right; border: 1px solid #dedede; background:#f7f7f7; cursor: pointer;  }
.logoutMenu_just Label { Width:120px; word-wrap: break-word;   }
.logoutMenu_just p { Width:120px; padding-top: 3px; padding-left:3px;  font-family: Arial; font-size: 11px; color: #000;  }
.logoutMenu_just img { float: left; display: block;}
.logoutMenu_just img.ARW { float: right; padding: 10px 0 0 0; }
.logoutMenu_just:hover { border: 1px solid #d1cfcf;}
}


.loginArea_just { position : absolute; top: 57px; right: 60px; z-index: 9999; width: 210px; float: left; border-top: none;  border-left: 1px solid #dedede;  border-right: 1px solid #dedede; border-bottom: none; background:#fff; }
.loginArea_just ul { margin: 0px;  padding: 0px; list-style: none;}
.loginArea_just li { padding: 10px 0 0 10px;  width: 95%; padding-bottom: 10px; border-bottom: 1px solid #dedede;  font-family: Arial; font-size: 13px; color: #555452; }
.loginArea_just li a { text-decoration: none; display: block; color: #555452; }
.loginArea_just li:hover { background:#ddf1fb;  }

@media only screen and (max-width:767px)
{
.loginArea_just  { position : absolute; top:41px; right:2px; z-index: 9999; width:176px; float: left; border-top: none;  border-left: 1px solid #dedede;  border-right: 1px solid #dedede; border-bottom: none; background:#fff; } 
.loginArea_just ul { margin: 0px;  padding: 0px; list-style: none;}
.loginArea_just li { padding: 10px 0 0 10px;  width: 95%; padding-bottom: 10px; border-bottom: 1px solid #dedede;  font-family: Arial; font-size: 11px; color: #555452; }
.loginArea_just li a { text-decoration: none; display: block; color: #555452; }
.loginArea_just li:hover { background:#ddf1fb;  }	
}


.topRight_just { padding-top: 20px; width: 24%; float: right; }
.topRight_just a { display: block; float: left; text-indent: -9999px; }
.topRight_just a.user { padding-right: 10px; width: 74px; height: 29px; background: url('../images/user-img.png') no-repeat; }
.topRight_just a.register { width: 82px; float: right; height: 28px; background: url('../images/register-img.png') no-repeat; }







/* key area */
.topKey {width: 100%; float: left; height:76px; background: #fff url('../images/key-img.png') center no-repeat; background-size: cover; }
.keyFeature { padding-bottom: 10px; margin-top: 15px; width: 100%; float: left; border-top: 2px solid #f1f1f1; box-shadow: 0px 3px 3px rgba(0,0,0,0.6);  background: url('../images/key-bg.png') repeat; }
.keyFeature p { margin: 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #585757; text-align: center; }
.keyFeature .feature { margin: 0 45px 25px 0; height: 282px; width: 215px; float: left; border-radius: 5px; background: #fff; box-shadow: 0px 0px 4px #666;}
.keyFeature .featureLast { margin: 0 0 25px 0;} 
.keyFeature .feature h3 { margin:10px 0 0 -15px; padding: 5px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; height: 35px; font-weight: normal; color: #f3f3f3; background: url('../images/left-arw.png') no-repeat; }
.keyFeature .feature img { padding: 0 14%; float: left; display: block; }
.keyFeature .feature p { padding:0 3px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3f3b3b; }
.overlayText { width: 480px; float: right; }
.overlayText h1 { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #3f3b3b; font-weight: normal; line-height: 35px;}
.overlayText h2 { color: #8b8b8b; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 25px;  }

/* footer top */
.footerTop { padding: 20px 0; width: 100%; float: left; }
.footerleft { width: 500px; float: left; text-align: center; }
.footerleft h1 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 40px; color: #000; font-weight: normal;}
.footerleft p { margin: 0px; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #000;}
.footerleft a { padding: 4px 15px; float: left; border-radius: 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #fff;}
.footerleft a.startUp { margin: 0 30%; background: #0d5dae; border-bottom: 5px solid #074788; text-decoration: none; }

.footerright { width: 260px; float: right; font-family: Arial, Helvetica, sans-serif; }
.footerright h3 { margin: 0px; padding-bottom: 5px; text-transform: uppercase; font-size: 24px; color: #4065bc; }
.footerright p { margin: 0px; padding: 3px 0; color: #7c7c7c; font-size: 15px; }
.footerright p a { text-decoration: none;  color: #4065bc; }

/* footer bottom */
.footerBottom { padding: 4px 0; width: 100%; float: left; height: 47px; font-family: Arial, Helvetica, sans-serif; background: url('../images/footer-bg.png') repeat-x; } 
.footerBottom p { padding-top: 0px; font-size: 14px; float: left; color: #fff; }
.footerBottom p a { text-decoration: none; color: #fff;}
.footerBottom p a:hover { color: #CCCCCC; }
.footerBottom .followUs { width: 205px; float: right; }
.footerBottom .followUs h2 { padding-top: 8px; margin: 0px; font-size: 20px; color: #fff; float: left;}
.footerBottom .followUs ul { list-style: none; margin: 0px; }
.footerBottom .followUs li { padding: 0px; float: left; padding: 0 0 0 15px; }
.footerBottom .followUs li img { float: left; display: block; }


/* take assessment */
#takePopup { padding: 10px; width: 40%; float: left; border: 1px solid #999999; display: none; border-radius: 10px; position: absolute; top: 120px; left: 350px; background: #fff; }
#takePopup h2 { font-size: 30px; color: #666666; font-weight: normal; margin: 0px; text-align: center; text-transform: uppercase; }
#takePopup p { padding: 5px 0; font-size: 16px; color: #666666; font-weight: normal; margin: 0px; text-align: center; }
#takePopup ul { margin: 0px; padding: 0px; list-style: none; }
#takePopup li { padding: 0px; width: 100%; font-size: 14px; color: #000; margin:5px 0; float: left; position: relative; }
#takePopup li .textContr { width: 93%; float: right; text-align: justify; }
#takePopup li .text2 { width: 6%; float: left; }
#takePopup li strong { border: 1px solid #999999; color: #000; text-align: center; line-height: 20px; font-size: 10px; border-radius: 50px; float: left;  width: 20px; height: 20px; background: #fff; }
#takePopup a.send { width: 150px; float: left; padding: 10px 20px; border-radius: 5px; color: #fff; font-size: 18px; text-align: center; display: inline-block; background: #4caf79; text-decoration: none; margin: 0 30%;}
.loginbutton { width: 120px; float: left; padding: 8px 20px; border-radius: 5px; color: #fff; font-size: 18px; text-align: center; display: inline-block; background: #1689be; text-decoration: none; margin: 0 25%; border: none; }
#takePopup img#close { position:absolute; right:0px; top: 0px; cursor:pointer; }

/* login Popup */
#loginPopup {width:300px; height:350px; position: absolute; top:130px; right:500px; display:none; box-shadow: 0px 0px 3px #666; border-radius: 5px; overflow: hidden; background: #fff;}
div#popupContact { padding: 30px 0; position:absolute; left: 0;  }
div#popupContact img#close { position:absolute; right:0px; top: 0px; cursor:pointer; }
#popupContact .inputArea { padding: 0 20px 15px 20px; width: 260px; float: left;}
#popupContact .inputArea input.text { padding: 8px 10px; width: 220px; float: left; border-radius: 5px; border:1px solid #bdc7d8; }
#popupContact .inputArea label { width: 100%; padding: 5px 0; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
#popupContact h2 { margin: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #666666; font-weight: normal; text-align: center;}
#popupContact #send { padding: 4px 30px; float: left; border-radius: 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #fff;margin: 0 30%; background: #0d5dae; border-bottom: 5px solid #074788; text-decoration: none; position: relative; }

td.textButton { color: #fff; font-size: 14px; font-family: Arial; border-radius: 10px; background: #4caf79;}
span.errtext {font-weight : bold;  FONT-SIZE: 9pt;   COLOR:#e20404;    FONT-FAMILY:Verdana;    letter-spacing:1px;   padding: 0px; margin : 0px;}	
.pad  { padding: 4px; FONT-SIZE: 12px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;  }			
.pad1 { border-left: 1px solid #000;} 
td.gradient{ COLOR: #000; height: 30px; text-transform: uppercase; font-weight: bold;  padding: 0px 0 8px 20px; font-size: 18px; font-family:Arial;}
.cellhead  { width: 100%; line-height: 30px; padding: 0 10px; border: 1px solid #e8e8e8;  color: #000; font-family: Arial; font-weight: normal; font-size: 15px; }
table.celltable { border: 1px solid #083f76!important; background-color: #fff; margin: 20px 0 10px 0; }
table.admin { width:100%; float: left;}
table .tablesmall { width: 100%; float: left; margin: 10px 0; }
table .tablelist { width: 50%; float: left; margin: 10px 0; }
@media only screen and (max-width:767px)
    {
	td.textButton { color: #fff; font-size: 11px; font-family: Arial; border-radius: 6px; background: #4caf79;}
	span.errtext {font-weight : bold;  FONT-SIZE: 7pt;   COLOR:#e20404;    FONT-FAMILY:Verdana;    letter-spacing:0.5px;   padding: 0px; margin : 0px;}	
	.pad  { padding:2px; FONT-SIZE: 12px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;  }			
	.pad1 { border-left: 1px solid #000;} 
	td.gradient{ COLOR: #000; height: 25px; text-transform: uppercase; font-weight: bold;  padding: 0px 0 8px 5px; font-size: 12px; font-family:Arial;}
	.cellhead  { width: 100%; line-height: 30px; padding: 0 10px; border: 1px solid #e8e8e8;  color: #000; font-family: Arial; font-weight: normal; font-size: 11px; }
	table.celltable { border: 1px solid #083f76!important; background-color: #fff; margin: 10px 0 10px 0; width:96%; float:left; }
	table.admin { width:100%; float: left;}
	table .tablesmall { width: 100%; float: left; margin: 10px 0; }
	table .tablelist { width: 100%; float: left; margin: 10px 0; text-align:left; }
	.loginbutton { width:85%; float: left; padding: 8px 20px; border-radius: 5px; color: #fff; font-size: 18px; text-align: center; display: inline-block; background: #1689be; text-decoration: none; margin: 0 6%; border: none; }

	}
.submit {border-style: none;border-color: inherit;	border-width: medium; background-color:#ff8a00; border-radius: 5px; color:#fff; padding: 5px 10px; }
.submit2 {border-style: none; margin-left: 10PX; background-color:#ff8a00; border-radius: 5px; color:#fff; width: 50px; padding: 5px 0; }			
.textbox  { margin-right: 10px; width:180px; height:23px; padding: 5px 3px; color:Black; border-radius: 3px;  border:1px #ccc solid;}
.drp {height: 30px; width:188px; padding-top:5px; padding-bottom:5px;padding-left:2px;padding-right:2px; FONT-WEIGHT: normal; FONT-SIZE: 9pt;  COLOR: #000000; FONT-FAMILY: Verdana, Tahoma, Arial;  border:1px #ccc solid;}

span.errtext {font-weight : bold;    FONT-SIZE: 9pt; COLOR:#e20404;  FONT-FAMILY:Verdana;    letter-spacing:1px; padding: 0px; margin : 0px;}
TD.bigErrMsg { padding-top: 100px; FONT-WEIGHT: bold; FONT-SIZE: 11pt; 	 COLOR:#ff2222; FONT-FAMILY: verdana; text-align: center; }		
.button{ background-image:url(images/Button.png); background-repeat:no-repeat; width:110px; height:29px; text-align:center; font-size:18px; line-height:20px; margin-right:5px; border:none; background-color:Window;}

@media only screen and (max-width: 767px)
{
	.submit { width:90%; padding:4px 6px; margin:2px 0 2px 0px; border-style: none;border-color: inherit;	border-width:thick; background-color:#ff8a00; border-radius: 3px; color:#fff; font-size:20px;  }
	.submit2 {border-style: none; margin-left: 10PX; background-color:#ff8a00; border-radius: 5px; color:#fff; width: 50px; padding: 5px 0; }			
	.textbox  { width:90%; height:24px; margin-right: 2px; padding: 4px; color:Black; border-radius: 3px;  border:1px #ccc solid;}
	.drp {height: 35px; width:93%; padding-top:5px; padding-bottom:5px;padding-left:2px;padding-right:2px; FONT-WEIGHT: normal; FONT-SIZE: 9pt;  COLOR: #000000; FONT-FAMILY: Verdana, Tahoma, Arial; border:1px #ccc solid;}

	span.errtext {font-weight :normal;   FONT-SIZE: 7pt; COLOR:#e20404;  FONT-FAMILY:Verdana;    letter-spacing:0.5px; padding: 0px; margin : 0px;}
	TD.bigErrMsg { padding-top: 100px; FONT-WEIGHT: bold; FONT-SIZE: 11pt; 	 COLOR:#ff2222; FONT-FAMILY: verdana; text-align: center; }		
	.button{ background-image:url(images/Button.png); background-repeat:no-repeat; width:110px; height:29px; text-align:center; font-size:18px; line-height:20px; margin-right:5px; border:none; background-color:Window;}

}
td strong { border: 1px solid #999999; color: #000; margin-bottom: 10px; text-align: center; line-height: 20px; font-size: 10px; border-radius: 50px; float: left;  width: 20px; height: 20px; background: #fff; }
td p { padding: 5px 0; font-size: 14px; color: #666666; font-weight: normal; margin: 0px; float: left; text-align: left; }
td h1 { font-size: 24px; color: #000; font-weight: bold; margin: 15px 0 0 0; text-align: left;  }
td h3 { padding-bottom: 15px; margin: 0 0 0 3%;  float: left; font-size: 16px; color: #000; font-weight: normal; font-family: Arial;  text-align: left; }
td h4 { margin: 7px 0 0 3%;  float: left; font-size: 16px; color: #000;  font-family: Arial;  font-weight: normal;  text-align: left; }
td.widthLeft { margin: 2px 0 0 3%; width: 3%; float: left;}
td.widthRight { width: 80%; float: left;}
td.Linktext { color: #55bbea; text-decoration: none; text-align: justify; width: 82%; float: right; padding: 0 10px; }
span.color { padding:6px 8px;  font-size: 14px;  font-family: Arial; line-height: 18px; background: #000; color: #fff;}
td span.question { padding:4px 6px;  font-size: 14px;  font-family: Arial; line-height: 18px;  color: #000; max-height: 300px;}
td.text1 { float: right; text-align: center; border: 1px solid #999999; color: #000; margin: 1px 0 5px 0; line-height: 13px; font-size: 9px; border-radius: 50px; float: left;  width: 15px; height: 15px; background: #fff; }
td.radio1 { width: 50px; margin-left: 10px; float: left; }
td.anshwer { padding-top: 4px; width: 90%; float: left; font-size: 14px; color: #000; font-family: Arial; }
td.revised { width: 40%; float: left;} 
td.left { width: 50%; text-align:right; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;}
td.right { width: 50%; text-align:left; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;}
td.tdask { width: 30%; text-align:right; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial}
td.tdAskRight { width: 30%; text-align:left; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial}

@media only screen and (max-width:767px)
{
	td strong { border: 1px solid #999999; color: #000; margin-bottom:5px; text-align: center; line-height:10px; font-size: 10px; border-radius: 50px; float: left;  width: 15px; height: 15px; background: #fff; }
	td p { padding: 6px 10px; font-size: 12px; color: #666666; font-weight: normal; margin: 0px; float: left; text-align: left; }
	td h1 { font-size: 14px; color: #000; font-weight: bold; margin: 15px 0 0 0; text-align: left;  }
	td h3 { padding-bottom: 10px; margin: 0 0 0 3%;  float: left; font-size: 12px; color: #000; font-weight: normal; font-family: Arial;  text-align: left; }
	td h4 { margin: 7px 0 0 3%;  float: left; font-size: 12px; color: #000;  font-family: Arial;  font-weight: normal;  text-align: left; }
	td.widthLeft { margin: 7px 0 0 3%; width: 3%; float: left;}
	td.widthRight { width: 80%; float: left;}
	td.Linktext { color: #55bbea; text-decoration: none; text-align: justify; width: 82%; float: right; padding: 0 10px; }
	span.color { padding:6px 8px;  font-size: 10px;  font-family: Arial; line-height: 18px; background: #000; color: #fff;}
	td span.question { padding:4px 6px;  font-size: 10px;  font-family: Arial; line-height: 18px;  color: #000; max-height: 300px;}
	td.text1 { float: right; text-align: center; border: 1px solid #999999; color: #000; margin: 1px 0 5px 0; line-height: 13px; font-size: 9px; border-radius: 50px; float: left;  width: 15px; height: 15px; background: #fff; }
	td.radio1 { width: 50px; margin-left: 10px; float: left; }
	td.anshwer { padding-top: 4px; width: 90%; float: left; font-size: 10px; color: #000; font-family: Arial; }
	td.revised { width: 40%; float: left;} 
	td.left { width: 100%; float:left; text-align:left; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;}
    td.right { width: 100%; float:left; text-align:left; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;}
	td.tdask { width: 100%; text-align:left; float:left; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial}
    td.tdAskRight { width: 100%; text-align:left; float:left; margin: 0px; padding: 4px; FONT-SIZE: 14px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial}
	
}



.question2 { width: 95%; float: right; }
.mainQuestion { width: 100%; float: left; }
.leftDetail { width: 5%; float: left; padding-bottom: 20px; }
.rightDetail { width: 90%; float: left; line-height: 20px; }
.radioDetails { margin: 50px 0 0 60px; width: 80%; float: left; }
.radioLeft { padding: 5px 0; width: 100%; float: left;}
.radioLeft .left1 {  float: right; text-align: center; border: 1px solid #999999; color: #000; line-height: 16px; font-size: 11px; border-radius: 50px; float: left;  width: 18px; height: 18px; background: #fff;}
.radioLeft .left2 { width:20px; float: left; padding: 0 5px;}
.radioLeft .left3 { width:90%; float: left; font-size: 14px; padding: 4px;}
.timber { height:23px;width:100px; padding: 12px 15px; float: right; margin: -5px 0px -20px 0; font-size: 16px; font-family: Arial; background: #55bbea; border-radius: 0 0 5px 5px; color: #fff; text-align: center;}
.timber_popup { padding: 0px 10px; line-height:32px; float: right; margin: -5px 0px -20px 0; font-size: 14px; font-family: Arial; background: #55bbea; border-radius: 0 0 5px 5px; color: #fff; text-align: center;}

.textCont { margin-top: 10px; margin-left: 5px;  width: 30px; float: left; height: 30px; background: #dedede; font-size: 14px; font-family: Arial; color :#000; line-height: 30px; text-align: center;}
.textCont2 { margin-top: 10px; width: 75%; float: right; text-align: justify; padding: 0 15px;}
.record { padding:0px 0px 10px 0px; margin-top:-10px; width:60%; text-align: center; height: 20px; }
.prev-img {background-image:url(../Images/prev-img.png) no-repeat; width:70px; height:16px;}
.Next-img {background-image:url(../Images/next-img.png) no-repeat; width:70px; height:16px;}
/*.submitAns{background-image:url(../Images/submit-button.png); background-repeat:no-repeat; width:73px; height:14px; border:none;} */
.textboxAns { height:87px; width:473px; margin-right: 10px; padding: 5px 3px; color:Black; border-radius: 3px;  border:1px #ccc solid; }
.popupAns {border:1px solid #ccc; Width:450px; height:450px; background-color:#f5f5f5;}
.Next-pad {padding: 4px 4px 4px 40px; FONT-SIZE: 12px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;}

 
 @media only screen and (max-width:767px)
 {
 	.question2 { width: 95%; float: left; }
	.mainQuestion { width: 100%; float: left; }
	.leftDetail { width: 5%; float: left; padding :6px 15px; }
	.rightDetail { width: 80%; float: left; line-height: 18px; font-size:14px; padding-left:4px; }
	.radioDetails { margin: 20px 0 0 12%; width: 90%; float: left; }
	.radioLeft { padding: 12px 0; width: 100%; height:auto; float: left;}
	.radioLeft .left1 {  float: right; text-align: center; border: 1px solid #999999; color: #000; line-height: 17px; font-size: 13px; border-radius: 50px; float: left;  width: 18px; height:18px; background: #fff;}
	.radioLeft .left2 { width:20px; float: left; padding-bottom:6px;}
	.radioLeft .left3 { width:75%; float: left; line-height: 10px;  height:18px; font-size: 14px; padding-bottom:6px;}
	.timber { padding: 6px 7px; float: right; line-height: 17px; margin: 0px 0px 0px 0px; font-size: 10px; font-family: Arial; background: #55bbea; border-radius: 0 0 5px 5px; color: #fff; text-align: center;}
	.timber_popup { padding: 0px 5px; line-height:29px; float: right; margin: 0; font-size: 11px; font-family: Arial; background: #55bbea; border-radius: 0 0 3px 3px; color: #fff; text-align: center;}

	.textCont { margin-top: 10px; margin-left: 5px;  width: 30px; float: left; height: 30px; background: #dedede; font-size: 14px; font-family: Arial; color :#000; line-height: 30px; text-align: center;}
	.textCont2 { margin-top: 10px; width: 75%; float: right; text-align: justify; padding: 0 15px;}
	.record { padding: 10px 0; width:60%; text-align: left; height: 20px; font-size:11px; padding-left: 10%; }
    .textboxAns { height:50px; width:80%; margin-right: 5px; padding: 5px 3px; color:Black; border-radius: 3px;  border:1px #ccc solid; }
    .popupAns {border:1px solid #ccc; Width:100%; height:160px; background-color:#f5f5f5;}
    
    .prev-img {background-image:url(../Images/prev-img.png) no-repeat; width:50px; height:12px;}
    .Next-img {background-image:url(../Images/next-img.png) no-repeat; width:50px; height:12px;}
    .submitAns{background-image:url(../Images/submit-button1.png); background-repeat:no-repeat; width:53px; height:13px;}
    .Next-pad {padding: 4px 4px 4px 4px; FONT-SIZE: 12px;  font-weight: normal;  COLOR: #505050;  FONT-FAMILY: Verdana, Tahoma, Arial;}
 	}

.textWidth { width: 98%; padding:4px 0px 4px 0px; margin-bottom:15px; border-radius: 5px; float:left; border: 1px solid #cdcbcb; }
.textWidth2 { width:320px; padding: 0 10px 10PX 0; float: right; border-radius: 5px; text-align: right; border: 1px solid #e8e8e8; }
.record2 { padding: 0 0 10px 0; width: 100%; text-align: center;}
td.leftTd { width: 20%; float: left; padding-bottom: 10px; line-height: 20px; }
td.leftTd2 { width: 50%; float: left; padding-bottom: 10px; }
.logoutImg { width: 25%; margin: 80px auto 0 auto;  }
.logoutImg a img { width: 250px; height: 223px; float: left; display: block;}
.personalDetails { width: 100%; float: left;}
.personalText { font-size: 14px; font-family: Arial; color: #000;}
.borderTable { padding: 6px 9px; text-align: center; font-size: 12px; color:#000; font-family: Arial; border: 1px solid #cdcbcb;}
.tableContr { padding: 0 0 10px 0; width: 100%; float: left; }
.select-box { width: 150px; height: 30px; float: left;}
td.leftrow {width: 50%; float: left; padding: 10px 0 0 20px; line-height: 20px;}
td.leftrow2 {width: 50%; float: left; padding: 10px 0 0 20px;}
td.questiontest {padding: 0 0 10px 0; float: left; font-weight:normal; font-size: 16px; width:100%;}
td.set_list {width:25%; float: left; padding: 10px 0 0 10px; line-height: 20px; text-align:left;}
td.list_btn {width:15%; float: left; padding: 10px 0 0 0px; line-height: 34px; text-align:left;}

@media only screen and (max-width: 767px)
{
.textWidth { width: 96%; padding:0px; margin-bottom:10px; border-radius: 5px; float:left; border: 1px solid #cdcbcb; }
.textWidth2 { width:90%; padding: 0 10px 10PX 0; float: right; border-radius: 5px; text-align: right; border: 1px solid #e8e8e8; }
.record2 { padding: 0 0 10px 0; width: 100%; text-align: center;}
td.leftTd { width: 100%; float: left; padding-bottom: 10px; line-height: 20px; }
td.leftTd2 { width: 100%; float: left; padding-bottom: 10px; }
.logoutImg { width: 60%; margin: 20% auto 0 auto;  }
.logoutImg a img { width:80%; height:2%; float: left; display: block;}
.personalDetails { width: 100%; float: left;}
.personalText { font-size: 14px; font-family: Arial; color: #000;}
.borderTable { padding: 6px 9px; text-align: center; font-size: 12px; color:#000; font-family: Arial; border: 1px solid #cdcbcb;}
.tableContr { padding: 0 0 10px 0; width: 100%; float: left; }
.select-box { width: 150px; height: 30px; float: left;}
td.leftrow {width: 100%; float: left; padding: 0px 10px 0 0px; line-height: 20px;}
td.leftrow2 {width: 100%; float: left; padding-bottom: 10px;}
td.questiontest {padding: 0 0 10px 0; margin-left:5%; float: left; font-weight:normal; font-size: 14px; width:90%;}
td.set_list {width:100%; float: left; padding: 10px 0 0 10px; line-height: 20px; text-align:left;}
td.list_btn {width:100%; float: left; padding: 10px 0 0 10px; line-height: 34px; text-align:left;}
}


table.celltable1 { padding: 5px 0; border: 1px solid #CDCBCB; width: 90%; float: right; margin: 0 0 10px 0; border-radius:5px; }
.celltable1 { padding: 5px 0; border: 1px solid #CDCBCB; width: 95%; float: right; margin: 0 0 10px 0; }

.responsiveTable1 { width: 98%; margin: 2% 0; border: solid 1px #000; border-collapse:collapse;font-family:Arial; font-size:12px;}
.mGrid { width: 98%; margin: 2% 0; border: solid 1px #000; border-collapse:collapse;font-family:Arial; font-size:14px; }
.alternateCell { background-color:#f7f6f3; height: 30px; border: 1px solid #e8e8e8; border-radius: 10px; color: #000; font-family: Arial; font-weight: normal; font-size: 14px; }
.rowCell {background-color:#FFF; height: 30px; border: 1px solid #e8e8e8; border-radius: 10px; color: #000; font-family: Arial; font-weight: normal; font-size: 14px;}
.HeaderStyle { background-color:#1689be; Height:35px; border:none; font-weight:bold; Color:White; border:5px 0 5px 0; font-size:14px;}
.FooterStyle { background-color:#1689be; Height:35px; border:none; font-weight:bold; Color:White;border:5px 0 5px 0; font-size:14px; }
@media only screen and (max-width: 767px)
{
	table.celltable1 { padding: 2px 0; border: 1px solid #CDCBCB; width: 90%; float: left; margin: 0 0 10px 5%; }
	.celltable1 { padding: 2px 0; border: 1px solid #CDCBCB; width: 90%; float: left; margin: 0 0 10px 0; }
	.mGrid { width: 98%; margin: 2% 0; border: solid 1px #000; border-collapse:collapse;font-family:Arial; font-size:10px; }
	.alternateCell { background-color:#f7f6f3; height:20px; border: 1px solid #e8e8e8; border-radius:5px; color: #000; font-family: Arial; font-weight: normal; font-size: 12px; }
	.rowCell {background-color:#FFF; height: 20px; border: 1px solid #e8e8e8; border-radius:5px; color: #000; font-family: Arial; font-weight: normal; font-size: 12px;}
	.HeaderStyle { background-color:#1689be; height:20px; border:none; font-weight:bold; Color:White; border:2px 0 2px 0; font-size:14px;}
	.FooterStyle { background-color:#1689be; height:20px; border:none; font-weight:bold; Color:White; border:2px 0 2px 0; font-size:14px; }
	.testimg { width:80px;}
	.lockimg {width:80px;}
}

/*---  Banner ---*/

#jquery-script-menu {position: fixed;height: 90px;width: 100%;top: 0;left: 0; border-top: 5px solid #316594;background: #fff;-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);z-index: 999999;padding: 10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
}

.jquery-script-center {width: 960px;margin: 0 auto;}
.jquery-script-center ul {width: 212px;float:left;line-height:45px;margin:0;padding:0;list-style:none;}
.jquery-script-center a {text-decoration:none;}
.jquery-script-ads {width: 728px;height:90px;float:right;}
.jquery-script-clear {clear:both;height:0;}


/*-------------*/

.resullay{ width:750px; Height:20px; font-weight:bold; border:2px 0 2px 0;
 font-size:12px; }
 .textboxlog 
    {
	BORDER: #CCC 1px solid;  FONT-WEIGHT: normal; FONT-SIZE: 9pt;  COLOR: #000000; FONT-FAMILY: Verdana, Tahoma, Arial; BACKGROUND-COLOR:#eaf4fc;
	height: 28px; width:280px;-webkit-border-radius: 3px; border-radius: 3px;
   }
   
.resultleft{padding: 0 10px 0 0; text-align:right; width:30%;}
.resultlefttextbox { width:18%; padding:0px;  text-align:right;}
.resultleftclander{text-align:left; vertical-align: middle;}
.resultleftNO{padding: 0 0px 0 0; text-align:right; width:100%; margin-top:-20px;}
.MemberInfo {width:70%; height:auto;margin: 0 0 0 5%; text-align:left;}


@media only screen and (max-width:767px)
{
 .resultleft{padding: 0 0px 0 0; text-align:left; width:25%;}
 .resultlefttextbox { width:30%; padding:0px;  text-align:left;}
 .resultleftclander{text-align:left; vertical-align: middle; width:10%;}
 .resultleftNO{padding: 0 0px 0 0; text-align:left; width:100%;}
 .MemberInfo {width:90%; height:auto;margin: 0 0 0 5%; text-align:left;}
 .textboxlog {BORDER: #CCC 1px solid;  FONT-WEIGHT: normal; FONT-SIZE: 9pt;  COLOR: #000000; FONT-FAMILY: Verdana, Tahoma, Arial; BACKGROUND-COLOR:#eaf4fc;height: 25px; width:90%;-webkit-border-radius: 3px; border-radius: 3px;}

}

/*-----  Payment ----

#payment { margin:0px; padding:0px; width:100%; border:0px #ccc solid; border-radius:0px; }
#paymentleft { margin:0px; padding:0px; width:65%; float:left; border:1px #ccc solid; border-radius:0px; }
#paymentleft .top { margin:0px; padding:6px 0 0 0px; height:40px; width:100%; float:left; background:url('../images/top-bg.png'); background-repeat:repeat-x; border:1px #eae9e9 solid; border-radius:0px; }
#paymentleft .top .one { margin:0px; padding-top:7px; height:30px; width:22%; color:#4b728f; font-weight:bold; text-align:center;  float:left;  border-radius:0px; border:1px #eae9e9 solid; }
#paymentleft .top .two { margin:0px; padding-top:7px; height:30px; width:25%; color:#4b728f; font-weight:bold; text-align:center; float:left;  border-radius:0px; border:1px #eae9e9 solid; }
#paymentleft .top .three { margin:0px; padding-top:7px; height:30px; width:25%; color:#4b728f; font-weight:bold;text-align:center;  float:left;  border-radius:0px; border:1px #eae9e9 solid; }
#paymentleft .top .four { margin:0px; padding-top:7px; height:30px; width:26%; color:#4b728f; font-weight:bold; text-align:center; float:left;  border-radius:0px; border:1px #eae9e9 solid;}
#paymentleft .top .five { margin:0px; padding-top:7px; height:30px; width:20%; color:#4b728f; font-weight:bold; text-align:center;  float:left;  border-radius:0px;border:1px #eae9e9 solid; }

#paymentleft .topbottom { margin:0px; padding:0px; height:279px; width:100%; border:1px #eae9e9 solid; }
#paymentleft .topbottom .button{  padding:5px 8px; margin: 25px 20px 20px 20px; float:right; background-color:#4a6ba7; font-size:14px; font-weight:bold; font-family:Arial; color:White; border-radius:3px; }
#paymentleft .top1 .one1 { margin:0px; padding-left:2%; padding-top:35px; height:95px; width:20%; color:#4b728f; font-weight:bold; float:left; text-align:center;  border:1px #eae9e9 solid; }
#paymentleft .top1 .two1 { margin:0px;padding-left:2%; padding-top:35px; height:95px; width:23%; color:#4b728f; font-weight:bold;  float:left; text-align:center;  border:1px #eae9e9 solid; }
#paymentleft .top1 .three1{ margin:0px; padding-left:2%; padding-top:35px; height:95px; width:23%; color:#4b728f; font-weight:bold; float:left; text-align:center;  border:1px #eae9e9 solid;}
#paymentleft .top1 .four1 { margin:0px; padding-left:2%; padding-top:35px; height:95px; width:23%; color:#4b728f; font-weight:bold;  float:left; text-align:center;  border:1px #eae9e9 solid;}
#paymentleft .top1 .five1 { margin:0px; padding-left:2%; padding-top:35px; height:95px; width:18%; color:#4b728f; font-weight:bold;  float:left; text-align:center;  border:1px #eae9e9 solid;}


#paymentright { margin:0px 4px 0 0; padding:0px; width:32%; float:right; border:0px #ccc solid; border-radius:0px;  }
#paymentright .grid { margin:0px; padding:0 0 0 0; width:100%; height:142px; color:White; font-size:12px; font-family:Arial; font-weight:600; border-radius:3px; border:1px #ccc solid; }
#paymentright .coupon { margin:0px; padding:8px 0 8px 16px; height:22px; background-color:#4a6ba7; color:White; font-size:15px; font-family:Arial; font-weight:500; border-radius:1px;}
#paymentright .grid .text{ padding:6px 0 0 10px; margin:0px; font-size:12px; font-family:Arial; color:#363636;}
#paymentright .grid .textbox {padding:0px 0 0 0px; margin: 8px 0 1px 20px; float:left; width:80%; height:30px; border:1px #ccc solid; border-radius:3px;}
#paymentright .grid .button { padding:0 0 3px 0px; width:65px;  margin: 8px 0 20px 20px; float:left; background-color:#4a6ba7; font-size:14px; font-weight:bold; font-family:Arial; color:White;}

#paymentright .grand { margin:0px; padding:0 0 0 0; width:100%; height:120px; color:White; font-size:12px; font-family:Arial; font-weight:600; border-radius:3px; border:1px #ccc solid;}
#paymentright .grand .textleft{ padding:10px 0 0 10px; margin:0px; float:left; text-align:left; font-size:12px; font-family:Arial; color:#363636; font-weight:bold;}
#paymentright .grand .textright { padding:10px 0 0 10px; margin:0px; float:left; text-align:left; font-size:12px; font-family:Arial; color:#363636;}


 @media only screen and (max-width:767px)
{
	
#paymentleft { margin:0px; padding:0px; width:100%; float:left; border:1px #ccc solid; border-radius:0px; }
#paymentleft .top { margin:0px; padding:0px 0 0 0px; width:49%; float:left; border:1px #eae9e9 solid; border-radius:0px; background:url('../images/top-bg.pngs');}
#paymentleft .top .one { margin:0px; padding-top:10px; height:30px; width:100%; color:#4b728f; font-weight:bold; text-align:center;  float:left;  border:1px #eae9e9 solid; }
#paymentleft .top .two { margin:0px; padding-top:10px; height:30px; width:100%; color:#4b728f; font-weight:bold; text-align:center; float:left;  border:1px #eae9e9 solid; }
#paymentleft .top .three { margin:0px; padding-top:10px; height:30px; width:100%; color:#4b728f; font-weight:bold;text-align:center;  float:left;  border:1px #eae9e9 solid; }
#paymentleft .top .four { margin:0px; padding-top:10px; height:30px; width:100%; color:#4b728f; font-weight:bold; text-align:center; float:left;  border:1px #eae9e9 solid; }
#paymentleft .top .five { margin:0px; padding-top:10px; height:30px; width:100%; color:#4b728f; font-weight:bold; text-align:center;  float:left; border:1px #eae9e9 solid;}

#paymentleft .topbottom { margin:0px; padding:0px; float:left; height:100px; width:100%; border:1px #eae9e9 solid; }
#paymentleft .topbottom .button{  padding:5px 8px; margin: 25px 20px 20px 20px; float:right; background-color:#4a6ba7; font-size:14px; font-weight:bold; font-family:Arial; color:White; border-radius:3px; }

#paymentleft .top1 { margin:0px; padding:0px 0 0 0px; width:49%; float:left; border:1px #eae9e9 solid; border-radius:0px; }
#paymentleft .top1 .one1 { margin:0px; padding-top:10px; padding-left:0px; height:30px; width:100%; color:#4b728f; font-weight:bold; float:left; text-align:center;  border:1px #eae9e9 solid; }
#paymentleft .top1 .two1 { margin:0px; padding-top:10px; padding-left:0px; height:30px; width:100%; color:#4b728f; font-weight:bold;  float:left; text-align:center;  border:1px #eae9e9 solid; }
#paymentleft .top1 .three1 { margin:0px; padding-top:10px; padding-left:0px; height:30px; width:100%; color:#4b728f; font-weight:bold; float:left; text-align:center;  border:1px #eae9e9 solid;}
#paymentleft .top1 .four1 { margin:0px; padding-top:10px; padding-left:0px; height:30px; width:100%; color:#4b728f; font-weight:bold;  float:left; text-align:center;  border:1px #eae9e9 solid;}
#paymentleft .top1 .five1 { margin:0px; padding-top:10px; padding-left:0px; height:30px; width:100%; color:#4b728f; font-weight:bold;  float:left; text-align:center;  border:1px #eae9e9 solid;}



#paymentright { margin:0px; padding:0px; width:100%; float:right; border:0px #ccc solid; border-radius:0px;  }

	
}

*/