body { margin:0px; padding:0px; min-height:100%;}

.clear { clear: both; height: 1px; }
img { border: 0; }

/* main */
.main { width: 1008px; margin: 0 auto; min-height:100%; }

@media only screen and (max-width: 767px) 
	{ 
		.main { width: 100%; margin: 0 auto; min-height:100%; }
	}
/* wrapper */
#wrapper { width: 100%; float: left; overflow: hidden; min-height:493px;  }

@media only screen and (max-width: 767px) 
{
#wrapper { margin:0; padding:0; width: 100%; float: left; min-height:600px;  }
}
	
/* header wrapper */
#headerWrapper { width: 100%; float: left; height: 60px;  }

    /* top left */
  
	.topLeft_just { width: 820px; float: left; }
	.topLeft_just h1 { margin-top: 2px; padding: 0px; float: left; }
	.topLeft_just h1 a { width: 125px; height: 62px; display: block; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	.topLeft_just .topMenu_just {padding-left: 75px; width: 67%; height:30px; line-height:30px; float: right;  text-align:right; background: url('../images/top-menu-bg.png') no-repeat; font-family: "Century Gothic";}
	.topLeft_just .topMenu_just ul { margin: 0px; padding: 0px; list-style: none;line-height: 30px; }
	.topLeft_just .topMenu_just li {  float: left; line-height: 30px; font-size: 15px;color: #fff; background: url('../images/menu-line.png') right no-repeat;  }
	.topLeft_just .topMenu_just li a { padding: 0px 15px; color: #FFF; line-height: 30px; text-decoration: none; display: block; }
	.topLeft_just .topMenu_just li.last { background: none; }
	.topLeft_just .topMenu_just li a:hover { color: #CCCCCC; }
	
	.topLeft_just a.kids { padding-left:30px; padding-top: 15px; float: left; font-family: "Century Gothic"; font-weight: bold; text-decoration: none; font-size: 20px; color: #04614e; }
	.topLeft_just a.kids:hover { color: #000;}
	.topLeft_just a.online { margin: -18px -115px 0 0; display: block; text-indent: -9999px; float: right; width: 128px; height: 40px; background: url('../images/online-test-img.png') no-repeat; }

   @media only screen and (max-width: 767px) 
	{ 
	.topLeft_just { width: 30%; float: left; }
	.topLeft_just h1 { margin-top: 2px; padding: 0px; float: left; }
	.topLeft_just h1 a { width: 125px; height: 62px; display: block; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	.topLeft_just .topMenu_just {padding-left: 25px; width: 36%; height:30px; line-height:30px; float: right;  text-align:right; background: url('../images/top-menu-bg.png') no-repeat; font-family: "Century Gothic"; display:none;}
	.topLeft_just .topMenu_just ul { margin: 0px; padding: 0px; list-style: none;line-height: 30px; }
	.topLeft_just .topMenu_just li {  float: left; line-height: 30px; font-size: 15px;color: #fff; background: url('../images/menu-line.png') right no-repeat;  }
	.topLeft_just .topMenu_just li a { padding: 0px 15px; color: #FFF; line-height: 30px; text-decoration: none; display: block; }
	.topLeft_just .topMenu_just li.last { background: none; }
	.topLeft_just .topMenu_just li a:hover { color: #CCCCCC; }
	
	.topLeft_just a.kids { padding-left:30px; padding-top: 15px; float: left; font-family: "Century Gothic"; font-weight: bold; text-decoration: none; font-size: 20px; color: #04614e; }
	.topLeft_just a.kids:hover { color: #000;}
	.topLeft_just a.online { margin: -18px -115px 0 0; display: block; text-indent: -9999px; float: right; width: 128px; height: 40px; background: url('../images/online-test-img.png') no-repeat; }

		
	}

	/* top left */
	
	.topLeft { width: 820px; float: left; }
	.topLeft h1 { margin-top:2px; padding: 0px; float: left; }
	.topLeft h1 a { width: 125px; height: 62px; display: block; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	.topLeft .topMenu { padding-left: 75px; margin-left: 0px; width: 67%; float: right;  text-align:right; background: url('../images/top-menu-bg.png') no-repeat; font-family: "Century Gothic";  }
	.topLeft .topMenu ul { margin: 0px; padding: 0px; list-style: none; }
	.topLeft .topMenu li {  float: left; line-height: 30px; font-size: 15px;color: #fff; background: url('../images/menu-line.png') right no-repeat;  }
	.topLeft .topMenu li a { padding: 0px 15px; color: #fff; text-decoration: none; display: block; }
	.topLeft .topMenu li.last { background: none; }
	.topLeft .topMenu li a:hover { color: #CCCCCC; }

    @media only screen and (max-width: 767px) 
	{ 
	.topLeft { width:30%; float: left;   }
	.topLeft h1 { margin-top: 2px; padding: 0px; float: left; }
	.topLeft h1 a { width: 125px; height:100px; margin-bottom:50px; display: block; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	
	.topLeft .topMenu { padding-left: 25px; margin-left: 231px; width: 36%; float: right;  text-align:right; background: url('../images/top-menu-bg.png') no-repeat; font-family: "Century Gothic"; display:none;  }
	.topLeft .topMenu ul { margin: 0px; padding: 0px; list-style: none; }
	.topLeft .topMenu li {  float: left; line-height: 30px; font-size: 15px;color: #fff; background: url('../images/menu-line.png') right no-repeat;  }
	.topLeft .topMenu li a { padding: 0px 15px; color: #fff; text-decoration: none; display: block; }
	.topLeft .topMenu li.last { background: none; }
	.topLeft .topMenu li a:hover { color: #CCCCCC; }
	}	
	.topLeft a.kids { padding-left:30px; padding-top: 15px; float: left; font-family: "Century Gothic"; font-weight: bold; text-decoration: none; font-size: 20px; color: #04614e; }
	.topLeft a.kids:hover { color: #000;}
	.topLeft a.online { margin: -18px -115px 0 0; display: block; text-indent: -9999px; float: right; width: 128px; height: 40px; background: url('../images/online-test-img.png') no-repeat; }

	/* top right */
	.topRight { padding-top: 8px; width: 170px; float: right; }
	.topRight a { display: block; float: left; text-indent: -9999px; }
	.topRight a.user { padding-right: 10px; width: 74px; height: 29px; background: url('../images/user-img.png') no-repeat; }
	.topRight a.register { width: 82px; float: right; height: 28px; background: url('../images/register-img.png') no-repeat; }
	
	 @media only screen and (max-width: 767px) 
	{
	.topRight { padding-top: 25px; width:50%; float: right; }
	.topRight a { display: block; float: left; text-indent: -9999px; }
	.topRight a.user { padding-right: 5px; float:right; width: 54px; height: 21px; background: url('../images/user-img2.png') no-repeat; }
	.topRight a.register {padding-right: 5px; width: 62px; float: right; height: 21px; background: url('../images/register-img2.png') no-repeat; }	
	}
	
	/* calass area */
	.classArea { padding: 5px 0; width: 100%; float: left; }
	.classArea .left {  float: left; padding-top:7px; width:425px;  }
	.classArea .left img { float: left; display: block;  }
	.classArea .right { padding-top: 0px; float: right; margin-top:-2px; font-family: Arial, Helvetica, sans-serif; }
	.classArea .right ul { margin: 0px; padding: 0px; list-style: none; float: right; }
	.classArea .right li { padding: 5px 2px; float: left; font-size: 13px; color: #FFFFFF; border-right: 1px solid #cecece; background-color:#ff8a00; border-radius:2px; }
	.classArea .right li a { padding: 10px 8px; color: #FFF; text-decoration: none; }
	.classArea .right li.last { border-right: none; }
	.classArea .right li a.last{ padding-right:0px; }
	.classArea .right li a:hover { color: #000;}
	
	 @media only screen and (max-width: 767px) 
	{
	.classArea { padding: 5px 0; width: 100%; float: left;  }
	.classArea .left { width: 100%; float: left;    }
	.classArea .left img { float: left; display: block; width:100%; }
	.classArea .right { padding-top: 5px; width: 60%; float: right; font-family: Arial, Helvetica, sans-serif; }
	.classArea .right ul { margin: 0px; padding: 0px; list-style: none; float: right; }
	.classArea .right li { padding: 0px; float: left; font-size: 13px; color: #867a7a; border-right: 1px solid #cecece; }
	.classArea .right li a { padding: 10px 8px; color: #867a7a; text-decoration: none; display:none; }
	.classArea .right li.last { border-right: none; }
	.classArea .right li a.last{ padding-right:0px; }
	.classArea .right li a:hover { color: #000;}
	}
	
#bannerWrapper {  width: 100%; float: left; background: url('../images/bg-img.png') left bottom repeat-x; height: 300px; }	


	/* banner container */
	.bannerArea { width: 666px; padding-left: 5px; float:left;  position: relative; font-family: Arial, Helvetica, sans-serif;}
	.bannerArea ul { list-style: none; }
	.bannerArea li { width: 100%;  float: left; }
	.bannerArea li img { float: left; display: block; margin-top: 10px;}
	.bannerArea .bx-pager { position: absolute; bottom: 20px; right: 430px; z-index: 9999; }
	.bannerArea .bx-pager a { margin: 0 0 0 5px; width: 18px; height: 18px; float: left; font-size: 11px; color: #fff; background-color: #000000; border-radius: 50px; text-decoration: none; text-align: center; line-height: 18px;   }
	.bannerArea .bx-pager a:hover,.bannerArea .bx-pager a.pager-active { color: #fff; background: #efa04a;  }
	.bannerArea a.bx-prev,.bannerArea a.bx-next { display: none; }

    @media only screen and (max-width: 767px) 
	{
	.bannerArea { width: 100%; height:165px; padding-left:2px; float:left;  position: relative; font-family: Arial, Helvetica, sans-serif;}
	.bannerArea ul { list-style: none; }
	.bannerArea li { width: 100%;  float: left; }
	.bannerArea li img { float: left; display: block; margin-top: 10px;}
	.bannerArea .bx-pager { position: absolute; bottom: 20px; right: 430px; z-index: 9999; }
	.bannerArea .bx-pager a { margin: 0 0 0 5px; width: 18px; height: 18px; float: left; font-size: 11px; color: #fff; background-color: #000000; border-radius: 50px; text-decoration: none; text-align: center; line-height: 18px;   }
	.bannerArea .bx-pager a:hover,.bannerArea .bx-pager a.pager-active { color: #fff; background: #efa04a;  }
	.bannerArea a.bx-prev,.bannerArea a.bx-next { display: none; }
	}
	/* join detials */
	.joinDetails { width:30%; float: right; background: #fff; border:1px #ccc solid; height: 292px; font-family: Arial, Helvetica, sans-serif; }
	.joinDetails h2 { margin: 0px; padding: 5px 0; text-align: center; font-weight: normal; font-size: 22px; color: #fff; background: #1689be; }
	
	 @media only screen and (max-width: 767px) 
	{
    .joinDetails { width:100%; float: left; background: #fff; border:1px #ccc solid; height: 292px; font-family: Arial, Helvetica, sans-serif; }
	.joinDetails h2 { margin: 0px; padding: 5px 0; text-align: center; font-weight: normal; font-size: 22px; color: #fff; background: #1689be; }
     .jointheight{ height:149px;}
	}
	
/* content wrapper */
#contentWrapper { padding: 10px 0; width: 100%; float: left; background: url('../images/bg-img.png') left bottom repeat-x; font-family: Arial, Helvetica, sans-serif; }	

	.content { width: 100%; float: left; height: 30px; background: #e3e3e3; }	
	.content h2 { margin: -7px 0 0 0; padding-top: 5px; float: left; width: 264px; height: 37px; display: block; font-size: 24px; color: #fff; text-align: center; font-weight: normal; background: url('../images/service-bg.png') no-repeat; } 
	.content h2.textright { float: right;  }
	
	.extreg {  margin: -7px 0 0 0; padding-top: 5px; float: left; width:478px; height: 37px; display: block; font-size: 24px; color: #fff; text-align: center; font-weight: normal; background: url('../images/Reg-bg.png') no-repeat;}

 @media only screen and (max-width: 767px) 
	{
	  .content h2 { margin: -7px 0 0 0; padding-top: 5px; float: left; width:100%; position:relative; height: 37px; display: block; font-size: 24px; color: #fff; text-align: center; font-weight: normal; background: url('../images/service-bg.png') no-repeat; background-position: center;  } 
		.content h2.textright { float: right; display:none;  }
		.extreg { padding:0 0 0 30px; color:White; text-decoration:none; display:none;}

	}
	/* left services */
	.leftServices { padding-top: 20px; width: 68%; float: left; font-family: Arial, Helvetica, sans-serif;  }
	.leftServices ul { list-style: none; margin: 0px; padding: 0px; }
	.leftServices li { margin: 0 20px 10px 0; color: #fff;  float: left; display: block; }
	.leftServices li.first { width: 213px; height: 185px; background: url('../images/services-img1.png') no-repeat; }
	.leftServices li.secound { width: 213px; height: 185px; background: url('../images/services-img2.png') no-repeat; }
	.leftServices li.third { width: 213px; height: 185px; background: url('../images/services-img3.png') no-repeat; }
	.leftServices li.fourth { width: 213px; height: 185px; background: url('../images/services-img4.png') no-repeat; }
	.leftServices li.fivth { width: 213px; height: 185px; background: url('../images/services-img5.png') no-repeat; }
	.leftServices li.sixth { width: 213px; height: 185px; background: url('../images/services-img6.png') no-repeat; }
	.leftServices li .overlay { width: 100%; margin:-7px 0 0 0px float: left; padding: 56px 5px 0 5px;  }
	.leftServices li h3 { margin: 10px 0 -10px -6px ; padding: 0px; font-size: 19px; font-weight: normal; text-align: center; }
	.leftServices li p { font-size: 11px; padding: 0 12px 0 0px }
	.leftServices li a { text-decoration: none; color: #fff;}
	.leftServices li.last { margin-right: 0px; }
	
	 @media only screen and (max-width: 767px) 
	{
	.leftServices { padding-top: 20px; width: 100%; margin:auto; float:right; font-family: Arial, Helvetica, sans-serif;  }
	.leftServices ul { list-style: none; margin: 0px; padding: 0px; }
	.leftServices li { margin:auto; color: #fff; display: block; }
	.leftServices li.first { padding:10px 0 0 0px; width: 100%;  height: 215px; background: url('../images/services-img11.png') no-repeat; position:relative;  background-position: center;  }
	.leftServices li.secound {padding:10px 0 0 0px; width:100%; height: 215px; background: url('../images/services-img22.png') no-repeat; position:relative;  background-position: center;  }
	.leftServices li.third { padding:10px 0 0 0px; width:100%; height: 215px; background: url('../images/services-img33.png') no-repeat;position:relative;  background-position: center;  }
	.leftServices li.fourth {padding:10px 0 0 0px; width:100%; height: 215px; background: url('../images/services-img44.png') no-repeat; position:relative;  background-position: center; }
	.leftServices li.fivth {padding:10px 0 0 0px; width:100%; height: 215px; background: url('../images/services-img55.png') no-repeat; position:relative;  background-position: center; }
	.leftServices li.sixth { padding:10px 0 0 0px; width:100%; height: 215px; background: url('../images/services-img66.png') no-repeat; position:relative;  background-position: center; }
	.leftServices li .overlay { width: 100%; margin:-7px 0 0 0px float: left; padding: 56px 5px 0 5px;  }
	.leftServices li h3 { margin: 8px 0 0px -6px ; padding: 0px; font-size: 25px; font-weight: normal; text-align: center; }
	.leftServices li p { margin:6px 0 0 0; width:80%;  font-size: 12px; text-align:justify; padding: 0 12% 0 8%; }
	.leftServices li a { text-decoration: none; color: #fff;}
	.leftServices li.last { margin-right: 0px; }
	}
	/* right services */
	.rightServices { padding-top: 15px; width: 30%; float: right; }
	.rightServices img { margin-bottom: 10px; float: right; display: block; cursor: pointer;  }
	
	 @media only screen and (max-width: 767px) 
	{
	.rightServices { padding-top: 15px; width: 30%; float: right; display:none; }
	.rightServices img { margin-bottom: 10px; float: right; display: block; cursor: pointer; display:none;  }
		
	}	
		
	.TittleText { padding-top: 0; width: 100%; float: left; height: 45px;  background: url('../images/contr-bg.png') repeat-x; font-family: Arial, Helvetica, sans-serif;}
	.TittleText h3 { padding: 3px 0 0 20px; margin-top: 4px; color: #fff; font-size: 25px; font-weight: normal; height: 37px; background: url('../images/contr-bg2.png') no-repeat; }
	
	/* top contr wrapper */
	#topContrWrapper { padding: 10px 0; width: 100%; float: left; }

	/* class area */
	.liveClass { width:65%; float: left; font-family:Arial, Helvetica, sans-serif;  }
	.liveClass p { width: 100%; padding: 5px 0; float: left; margin: 0px; font-size: 14px; color: #666666; line-height: 25px; text-align: justify; }
	.liveClass p a { text-decoration: none; color: #e38105; }
	.liveClass p.text { font-size: 18px; color: #000; }
	.liveClass h3 { margin: 0px; padding: 10px 0; color: #e78100; font-size: 20px; font-weight: normal; }
	.liveClass a.star { padding-bottom: 15px; width: 100%; float: left; font-size: 18px; color: #1689be; text-decoration: none;  }
	.liveClass a.star:hover { color:#e78100; }
	.liveClass a.register { padding-bottom: 10px; width: 100%; float: left; font-size: 17px; color: #000; text-decoration: none;  }
	.liveClass a.register:hover { color:#e78100; }
	.liveClass .loginClick { }
	.liveClass a.button-red {height:30px; padding:8px 12px 8px 12px; margin:0 0 5px 0; border-radius:5px; color:White; background-color:#00628e;}
	.liveClass a.button-blue {height:30px; padding:8px 12px 8px 12px; margin:0 0 5px 0; border-radius:5px; color:White; background-color:Maroon;}
     .liveClass ol { margin: 0px; padding: 0px; list-style: none; }
	 .liveClass ul { margin: 0px; padding: 0px; text-align:left;  }
	 .liveClass li { padding: 0 0 0 5px; float: left; font-size: 14px; font-family:Arial; line-height: 28px; color: #333333; }
	 .liveClass li a { color: #333; text-decoration: none; display: block;  }
   
	
	 @media only screen and (max-width: 767px) 
	{
	.liveClass { width:100%; float: left; font-family:Arial, Helvetica, sans-serif;  }
	.liveClass p { width: 95%; padding: 5px 10px; float: left; margin: 0px; font-size: 11px; color: #666666; line-height:18px; text-align: justify; }
	.liveClass p a { text-decoration: none; color: #e38105; }
	.liveClass p.text { font-size: 18px; color: #000; }
	.liveClass h3 { margin: 0px; padding: 10px 0; color: #e78100; font-size: 20px; font-weight: normal; }
	.liveClass a.star { padding-bottom: 15px; width: 100%; float: left; font-size: 18px; color: #1689be; text-decoration: none;  }
	.liveClass a.star:hover { color:#e78100; }
	.liveClass a.register { padding-bottom: 10px; width: 100%; float: left; font-size: 17px; color: #000; text-decoration: none;  }
	.liveClass a.register:hover { color:#e78100; }
	.liveClass .loginClick { }
	
	.liveClass a.button-red {height:30px; width:90%; padding:8px 12px 8px 12px; margin:0 5% 2% 5%; border-radius:5px; color:White; background-color:#00628e;}
	.liveClass a.button-blue {height:30px; padding:8px 9px 8px 9px; margin:0 0 5px 5%; border-radius:5px; color:White; background-color:Maroon; line-height:48px;}
	
	 .liveClass ol { margin: 0px; padding: 0px; list-style: none; }
	 .liveClass ul { margin: 0px; padding: 0px; list-style: none; }
	 .liveClass li { padding: 0 0 0 10px; font-size: 14px; font-family:Arial; line-height: 28px; color: #333333; }
	 .liveClass li a { color: #333; text-decoration: none; display: block;  }
	
	
	}

     .liveRightClass_advdef 
    { margin-top: -300px;margin-right:0;right:50px; float: right;position:absolute;

	}
   @media only screen and (max-width: 767px) {
    .liveRightClass_advdef {
        padding-left: 50px;
        margin: 0 2% 0 2%;
        width: 95%;
        float: left;
        position: relative;
    }
}

   .liveRightClass_advncertsol 
    { margin-top: -600px;margin-right:0;right:50px; float: right;position:absolute;

	}
   @media only screen and (max-width: 767px) {
    .liveRightClass_advncertsol {
        padding-left: 50px;
        margin: 0 2% 0 2%;
        width: 95%;
        float: left;
        position: relative;
    }
}



	.liveRightClass_adv 
    { margin-top: -100px;margin-right:0;right:50px; float: right;position:absolute;

	}
   @media only screen and (max-width: 767px) {
    .liveRightClass_adv {
        padding-left: 50px;
        margin: 0 2% 0 2%;
        width: 95%;
        float: left;
        position: relative;
    }
}



	.liveRightClass 
    { margin-top: 12px; width: 30%; float: right;

	}
	.liveRightClass img
     { float: right; display: block; border-radius:5px; border: 1px solid #CCCCCC; margin-bottom:20px;

	}
	 @media only screen and (max-width: 767px) 
	{
	 .liveRightClass 
     { margin: 0 2% 0 2%; width: 95%; float: left; }
	.liveRightClass img 
    { float: left; display: block; border-radius:5px; border: 1px solid #CCCCCC; }
	}
	
	.liveClass .onlineText { padding-bottom: 20px; width: 50%; float: left; }
	.liveClass .onlineText ul { margin: 0px; padding: 0px; list-style: none; }
	.liveClass .onlineText li { padding: 0 0 0 20px; font-size: 16px; line-height: 28px; color: #333333; background:url('../images/thumb/marker.png') left no-repeat; }
	.liveClass .onlineText li a { color: #333; text-decoration: none; display: block;  }
	.liveClass .onlineText li.top { margin-top: 50px;}
	
	.liveClass .titleText { width: 100%; float: left; background: #000; border-radius: 5px 5px 0 0;}
	.liveClass .titleText ul { list-style: none; margin: 0px; padding: 0px; }
	.liveClass .titleText li { text-align: center;	 float: left; font-size: 15px; text-transform: uppercase; color: #fff; background: none; border-right: 1px solid #fff; }
	.liveClass .titleText li.first {width: 32%; padding: 12px 0 12px 4px; font-size:16px;}
	.liveClass .titleText li.sceond {width: 34%; padding: 12px 0 12px 4px; font-size:16px;}
	.liveClass .titleText li.third {width: 29%; padding: 12px 0 12px 3px; font-size:16px;}
	.liveClass .titleText li.last { border-right: none; }
	
	 @media only screen and (max-width: 767px) 
	{
	.liveClass .titleText { width: 100%; float: left; background: #000; border-radius: 5px 5px 0 0;}
	.liveClass .titleText ul { list-style: none; margin: 0px; padding: 0px; }
	.liveClass .titleText li { text-align: center;	 float: left; font-size: 12px; text-transform: uppercase; color: #fff; background: none; border-right: 1px solid #fff; }
	.liveClass .titleText li.first {width: 25%; padding: 4px 0 4px 4px; font-size: 12px;}
	.liveClass .titleText li.sceond {width: 33%; padding: 4px 0 4px 4px; font-size: 12px;}
	.liveClass .titleText li.third {width: 36%; padding: 4px 0 4px 3px; font-size: 12px;}
	.liveClass .titleText li.last { border-right: none; }
	}
	
	.liveClass .subjectText { margin-bottom: 20px; width: 100%; float: left; background: #fff; text-align: left; border-radius: 0 0 5px 5px; }
	.liveClass .subjectText .class { width: 30%; padding: 5px 0 0 0px; float: left; }
	.liveClass .subjectText .class2 { width: 30%; padding: 5px 0 0 32px; float: left;  }
	.liveClass .subjectText .class3 { width: 30%; padding: 5px 0 0 33px; float: left; }
	.liveClass .subjectText ul { list-style: none; margin: 0px; padding: 0px; }
	.liveClass .subjectText li { padding: 3px 0px; font-size: 14px; color: #fff; background: none;  }
	.liveClass .subjectText li a { text-decoration: none; color:#fff; }
	.liveClass .subjectText li.last { border-right: none; }
	
	@media only screen and (max-width: 767px) 
	{
	.liveClass .subjectText { margin-bottom: 20px; width: 100%; float: left; background: #fff; text-align: left; border-radius: 0 0 5px 5px; }
	.liveClass .subjectText .class { width: 33%; padding: 0 0 0 0px; float: left; border-right: 1px solid #fff; }
	.liveClass .subjectText .class2 { width: 33%; padding: 0 0 0 0px; float: left; border-right: 1px solid #fff; }
	.liveClass .subjectText .class3 { width: 33%; padding: 0 0 0 0px; float: left; }
	.liveClass .subjectText ul { list-style: none; margin: 0px; padding: 0px; }
	.liveClass .subjectText li { padding: 3px 0px; font-size: 14px; color: #fff; background: none;  }
	.liveClass .subjectText li a { text-decoration: none; color:#fff; }
	.liveClass .subjectText li.last { border-right: none; }
	
	}

    /* Navigation1(nav1)*/
    .nav1 { color: black;text-align: left;margin-top: 20px;}
    .nav1 li {display: inline-block;font-size: 11px;text-decoration: none;}
    .nav1 li a {text-decoration: none;color: black;padding: 0 2px;}
    .nav1 li a:hover {background:#AED6F1;}

    @media only screen and (max-width: 767px)
    {
        .nav1{
            float:left;
        }
    }
	
	/* Schedule Wrapper */
	#ScheduleWrapper { width: 100%; float: left;}

	/* test area */
	.TFtable{ width:100%; border-collapse:collapse; }
	.TFtable td{ padding:0px; }
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{ background: #b8d1f3; }
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ background: #b8d1f3;}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){background: #dae5f4;}
	
	@media only screen and (max-width: 767px) 
	{
	#ScheduleWrapper { width: 100%; float: left;}
	/* test area */
	.TFtable{ width:100%; border-collapse:collapse; }
	.TFtable td{ padding:0px; }
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{ background: #b8d1f3; }
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ background: #b8d1f3;}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){background: #dae5f4;}
		
	}
	
	.CourseArea { margin: 10px 0; padding: 5px; width: 100%; float: left; font-family: Arial; }
	.CourseArea tr td { padding:8px 30px 8px 20px; margin:0 20px; font-family:Arial; font-size: 14px; color: #090908; line-height: 22px; text-align:left; }
	
	.TestArea { margin: 10px 0; padding: 5px; width: 100%; float: left; font-family: Arial; }
	.TestArea h3 {margin: 0px; padding: 0 0 15px 0; color: #e78100; font-size: 22px; font-weight: normal; }
	.TestArea tr td { padding:8px 0 8px 50px; font-family:Arial; font-size: 14px; color: #090908; line-height: 22px; text-align:left; }
	.TestArea tr td strong { padding: 0px 0 0px 0px; display: block; font-size: 15px; color:White;}
    .TestArea tr td syllabus {font-weight:bold; color:#cc1c18; font-size:15px;}
	 .TestArea tr td challenge { color:#e78100; font-family:Times New Roman Baltic; font-size:16px; font-weight:bold;}
	.TestArea .question { padding-bottom: 10px; width: 50%; float: left; font-family: Arial, Helvetica, sans-serif; text-align:left; height:auto;  }
	.TestArea .question label { font-size: 14px; color: #000; height:auto; text-align:left;  }
	.TestArea .question div { font-size: 14px; color: #000; height:auto; text-align:left; height:auto;  }
	.TestArea .question span { padding: 1px 5px; font-size: 15px; margin-right: 10px; background: #757575; color: #fff; border-radius:2px; text-align:left; float:left;}
	.TestArea .question .answer { width: 100%; float: left; padding: 20px 0 0 30px; margin-top:5px;}
	.TestArea .question .answer ul { list-style: none; margin: 0px; padding: 0px; width:100%; }
	.TestArea .question .answer li { padding: 0px; font-size: 14px; color: #000; padding-bottom: 10px; width:100%; }
	
	
	
	.TestArea .question .answer li strong { margin: 2px 3px 0 0; width: 15px; height: 15px; float: left; text-align: center; display: block; background: #fff; border: 1px solid #666666; border-radius: 15px; font-weight: normal; font-size: 11px;}
	.TestArea a.exam { margin-right: 15px; text-decoration: none; padding: 5px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; background: #000; border-radius:5px; border:none; }

   
   @media only screen and (max-width: 767px) 
	{
	.TestArea { margin: 5px 0; padding: 5px; width: 100%; float: left; font-family: Arial; }
	.TestArea h3 {margin: 0px; padding: 0 0 5px 0; color: #e78100; font-size:16px; font-weight: normal; }
	.TestArea tr td { padding:2px 0 2px 2px; font-family:Arial; font-size: 10px; color: #090908; line-height: 22px; text-align:left; }
	.TestArea tr td strong { padding: 0px 0 0px 0px; display: block; font-size: 10px; color:White;}
    .TestArea tr td syllabus {font-weight:bold; color:#cc1c18; font-size:15px;}
	.TestArea tr td challenge { color:#e78100; font-family:Times New Roman Baltic; font-size:10px; font-weight:bold;}
	.TestArea .question { padding-bottom: 10px; width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; text-align:left; height:auto;  }
	.TestArea .question label { font-size: 12px; color: #000; height:auto; text-align:left;  }
	.TestArea .question div { font-size: 12px; color: #000; height:auto; text-align:left; height:auto;  }
	.TestArea .question span { padding: 1px 5px; font-size: 12px; margin-right: 10px; background: #757575; color: #fff; border-radius:2px; text-align:left; float:left;}
	.TestArea .question .answer { width: 100%; float: left; padding: 20px 0 0 30px; margin-top:5px;}
	.TestArea .question .answer ul { list-style: none; margin: 0px; padding: 0px; width:100%; }
	.TestArea .question .answer li { padding: 0px; font-size: 12px; color: #000; padding-bottom: 10px; width:100%; }
	.TestArea .question .answer li strong { margin: 2px 3px 0 0; width: 15px; height: 15px; float: left; text-align: center; display: block; background: #fff; border: 1px solid #666666; border-radius: 15px; font-weight: normal; font-size: 11px;}
	.TestArea a.exam { margin-right: 15px; text-decoration: none; padding: 5px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; background: #000; border-radius:5px; border:none; }	
	}
    .TestArea .test { width:100%; height:auto; margin:auto;}
    .TestArea h2 {margin: 0px; padding: 0 0 5px 0; color: #FFF; font-size:16px; font-weight: normal; }
    .TestArea .testleft { width:280px; height:95px; float:left; background-image:url('../images/test1.png'); background-repeat:no-repeat; text-align:center; font-size: 16px; font-weight:500; padding: 67px 10px 10px 10px; color: #000; line-height: 25px;}
    .TestArea .testmiddle { width:280px; height:115px; float:left; margin: 0 51px; background-image:url('../images/test2.png'); background-repeat:no-repeat; text-align:justify; font-size: 14px; padding: 46px 10px 10px 10px; color:#1689be; font-weight:500; line-height: 22px;}
    .TestArea .testright { width:280px; height:93px; float:left; background-image:url('../images/test3.png'); background-repeat:no-repeat; text-align:center; font-size: 16px; font-weight:500; padding: 67px 10px 10px 10px; color: #000; line-height: 25px;}
   
   .TestReg { margin: 10px 0; padding: 5px; width: 33%; float: right; font-family: Arial; }
   .TestReg h3 { margin: 0px; padding: 14px 0 16px 59px; color: #FFFFFF; background-color:#1689be; height:30px; font-size: 22px; font-weight: normal; }
    .TestReg .left p {margin: 0px 0; padding: 5px; width: 50%; float: left; color:#363636; font-family: Arial; }
   .TestReg .right p{margin: 10px 0; padding: 5px; width: 50%; float: right; font-family: Arial; }
   .TestReg .right .regleft p {margin: 0px 0; padding: 5px; width: 220px; float: left; font-family: Arial; }
   .TestReg .right .regright p {margin: 0px 0; padding: 5px; width: 220px; float: right; font-family: Arial; }
   
	/* class ecucational */
	.classEcucational { margin-top: 20px; width: 100%; float: left; font-family:Arial, Helvetica, sans-serif; }
	.ecucational { width: 31%; float: left; margin-right: 40px; }
	.ecucationalLast { width: 30%; float: left; margin: 0px; }
	.ecucational .future { margin-bottom: 10px; display: block; width: 100%; float: left; background: #1689be; border-radius: 0 0 10px 0; line-height: 50px; }
	.ecucational .future h3 { margin: 0px; padding: 2px 0 2px 70px; font-size: 20px; color: #fff; height: 50px; background: #1689be url('../images/book1.png') left 5px top 2px no-repeat; border-radius: 0 0 10px 0; font-weight: normal; }
	.ecucational .future h3.orangeText { background: #eb8104 url('../images/cup.png') left 5px top 2px no-repeat;  }
	.ecucational .future h3.blackText { background: #2c3747 url('../images/books.png') left 5px top 2px no-repeat;  }
	.ecucational ul { margin: 0px; padding: 0px; list-style: none; }
	.ecucational li { padding: 10px 0 10px 35px; margin-bottom: 8px; width: 88%; font-size: 14px; color: #fff; border-radius: 0 0 10px 0;}
	.ecucational li.blue {background: #1689be url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li.orange {background: #eb8104 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li.black {background: #2c3747 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li a { text-decoration: none; color: #fff; display: block; }
	.ecucational li.blue:hover { background: #10668e url('../images/more_arrow.png') left 10px top 10px no-repeat;}
	.ecucational li.orange:hover {background: #cc7207 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li.black:hover {background: #050709 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.classEcucational a.star { padding-bottom: 15px; width: 100%; float: left; font-size: 18px; color: #1689be; text-decoration: none;  }
	.classEcucational a.star:hover { color:#e78100; }
	.classEcucational a.register { padding-bottom: 10px; width: 100%; float: left; font-size: 17px; color: #000; text-decoration: none;  }
	.classEcucational a.register:hover { color:#e78100; }
	
	@media only screen and (max-width: 767px) 
	{
	.classEcucational { margin-top: 20px; width: 100%; float: left; font-family:Arial, Helvetica, sans-serif; }
	.ecucational { width: 95%; float: left; margin-right: 5px; }
	.ecucationalLast { width: 100%; float: left; margin: 0px; }
	.ecucational .future { margin-bottom: 10px; display: block; width: 100%; float: left; background: #1689be; border-radius: 0 0 10px 0; line-height: 50px; }
	.ecucational .future h3 { margin: 0px; padding: 2px 0 2px 70px; font-size: 20px; color: #fff; height: 50px; background: #1689be url('../images/book1.png') left 5px top 2px no-repeat; border-radius: 0 0 10px 0; font-weight: normal; }
	.ecucational .future h3.orangeText { background: #eb8104 url('../images/cup.png') left 5px top 2px no-repeat;  }
	.ecucational .future h3.blackText { background: #2c3747 url('../images/books.png') left 5px top 2px no-repeat;  }
	.ecucational ul { margin: 0px; padding: 0px; list-style: none; }
	.ecucational li { padding: 10px 0 10px 35px; margin-bottom: 8px; width: 88%; font-size: 14px; color: #fff; border-radius: 0 0 10px 0;}
	.ecucational li.blue {background: #1689be url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li.orange {background: #eb8104 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li.black {background: #2c3747 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li a { text-decoration: none; color: #fff; display: block; }
	.ecucational li.blue:hover { background: #10668e url('../images/more_arrow.png') left 10px top 10px no-repeat;}
	.ecucational li.orange:hover {background: #cc7207 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.ecucational li.black:hover {background: #050709 url('../images/more_arrow.png') left 10px top 10px no-repeat;  }
	.classEcucational a.star { padding-bottom: 15px; width: 100%; float: left; font-size: 18px; color: #1689be; text-decoration: none;  }
	.classEcucational a.star:hover { color:#e78100; }
	.classEcucational a.register { padding-bottom: 10px; width: 100%; float: left; font-size: 17px; color: #000; text-decoration: none;  }
	.classEcucational a.register:hover { color:#e78100; }	
	}
	

/* inner wrapper */
     #innerContenr { width: 100%; float: left; background: #f9f9f9; } 
	
	/* content area */
	.contentArea { padding: 10px 10px; width: 85%;float: left; margin:0  6.5%; font-family: Arial,Helvetica, sans-serif; background: #fff;box-shadow: -2px 1px 3px #888, 2px 2px 4px #888;  }
	.contentArea h2 { width: 100%; float: left; margin: 0px; font-size: 20px; color:#FA8D03; font-weight: normal; }
	.contentArea h2 span { padding: 3px 8px; margin: 0 10px 0 0; border-radius:5px; background: #888888; color: #fff; font-size: 18px;}
	.contentArea h2.text { padding-top: 10px;}
	.contentArea h4 { float: left; width: 100%; padding: 3px 0; margin: 0px; font-size: 18px; color: #666666; font-weight: normal; }
	.contentArea h5{ float: left; margin: 0px; font-size: 15px; color:#FA8D03; font-weight: normal; }
	.contentArea h5 a { text-decoration: none; color: #FA8D03; }
	.contentArea h5 a:hover { color: #e78100; }
	.contentArea p { width: 100%; padding: 5px 0; float: left; margin: 0px; font-size: 13px; color: #666666; line-height: 20px; text-align: justify; }
	.contentArea p a { text-decoration: none; color: #e38105; }
	.contentArea p.leftText { margin-left: 35px;}
	.contentArea p.leftText2 { float: left; padding: 0 0px; margin-left: 35px; }
	
@media only screen and (max-width: 767px) 
	{
	.contentArea { padding: 5px 5px; width: 85%;float: left; margin:0  6.5%; font-family: Arial,Helvetica, sans-serif; background: #fff;box-shadow: -2px 1px 3px #888, 2px 2px 4px #888;  }
	.contentArea h2 { width: 100%; float: left; margin: 0px; font-size: 20px; color:#FA8D03; font-weight: normal; }
	.contentArea h2 span { padding: 3px 8px; margin: 0 10px 0 0; border-radius:5px; background: #888888; color: #fff; font-size: 18px;}
	.contentArea h2.text { padding-top: 10px;}
	.contentArea h4 { float: left; width: 100%; padding: 3px 0; margin: 0px; font-size: 18px; color: #666666; font-weight: normal; }
	.contentArea h5{ float: left; margin: 0px; font-size: 15px; color:#FA8D03; font-weight: normal; }
	.contentArea h5 a { text-decoration: none; color: #FA8D03; }
	.contentArea h5 a:hover { color: #e78100; }
	.contentArea p { width: 95%; padding: 5px 0; float: left; margin: 0px; font-size: 13px; color: #666666; line-height: 20px; text-align: justify; }
	.contentArea p a { text-decoration: none; color: #e38105; }
	.contentArea p.leftText { margin-left:5px;}
	.contentArea p.leftText2 { float: left; padding: 0 0px; margin-left:5px; }
		
	}
	
	.contentArea .categoryTop { padding: 0 0 0 0; width: 100%; float: left; }
	.contentArea .categoryTop ul { margin: 0px; padding: 0px; list-style: none; }
	.contentArea .categoryTop li { margin: 0 40px 20px 0; float: left; padding: 0px; width: 22%; text-align: justify; }
	.contentArea .categoryTop li.last2 { margin-bottom: 0px; }
	.contentArea .categoryTop li img { margin: 0px; border-radius: 5px; border: 1px solid #f2f2f2;}
	.contentArea .categoryTop li h4 { margin: 0px; padding: 5px 0px; font-size: 17px; color:#FA8D03;  font-weight: normal; }
	.contentArea .categoryTop li h4 a { color:#FA8D03; text-decoration: none; }
	.contentArea .categoryTop li h4 a:hover { color: #e38105; }
	.contentArea .categoryTop li p { padding-bottom: 10px; margin: 0px; line-height: 18px; font-size: 13px; color: #8a8a8a; }
	.contentArea .categoryTop li a.readMore { padding: 0 10px 0 0; font-size: 14px; color: #FA8D03; background: url('../images/thumb/arrow.gif') top 6px right no-repeat; }
	.contentArea .categoryTop li a.readMore:hover { text-decoration: none;}
	.contentArea .categoryTop li.last { margin: 0 0 0 0;}
	
	.contentArea .aboutArea { padding: 0 0; width: 100%; float: left; }
	.contentArea .aboutLeft { padding: 10px 0; width: 60%; float: left; }
	.contentArea img { margin:10px 0 5px 0; float: left; display: block; border-radius:5px; border: 1px solid #f2f2f2; }
	.contentArea .aboutCenter { margin: 10px 0 0 35px; width: 30%; float: left; }
	.contentArea .aboutRight { padding-top: 10px;  width: 35%; float: right; }
	.contentArea .aboutRight ul { margin-top: 10px; padding: 0px; list-style: none; float: right;}
	.contentArea .aboutRight li { width: 100%; padding: 12px 20px; font-size: 14px; color: #555; border-bottom: 1px solid #E0E8ED; background: url('../images/thumb/marker.png') left no-repeat; }
	 
	  @media only screen and (max-width: 767px) 
	{
	.contentArea .aboutArea { padding: 0 0; width: 100%; float: left; }
	.contentArea .aboutLeft { padding: 5px 0; width: 100%; float: left; }
	.contentArea img { margin:18px 0 2px 0; float: left; display: block; border-radius:5px; border: 1px solid #f2f2f2; }
	.contentArea .aboutCenter { margin: 5px 0 0 0px; width: 100%; float: left; }
	.contentArea .aboutRight { padding-top: 10px;  width: 100%; float: left; }
	.contentArea .aboutRight ul { margin-top: 5px; padding: 0px; list-style: none; float: left;}
	.contentArea .aboutRight li { width: 100%; padding: 12px 20px; font-size: 14px; color: #555; border-bottom: 1px solid #E0E8ED; background: url('../images/thumb/marker.png') left no-repeat; }
	 
	}
	 
	.contentArea .aboutRight li a { color: #555; text-decoration: none; }
	.contentArea .aboutRight li a:hover { color: #e38105;} 
	.contentArea .QuizContr { width: 100%; float: left; }
	.contentArea .newSection {  width: 100%; float: left; }
	.contentArea .newSection ul { width: 100%; margin-top: 10px; margin-bottom: 0px; padding: 0px; list-style: none; float: right; }
	.contentArea .newSection li {width: 100%; margin-bottom: 10px; padding: 0px; float: left; width: 100%;  }
	.contentArea .newSection li .image { width:200px; height: 200px; float: left; }
	.contentArea .newSection li .ovelayText { width: 604px; float: left; }
	.contentArea .newSection li.last { margin-bottom: 0px;}
	 @media only screen and (max-width: 767px) 
	{
	.contentArea .aboutRight li a { color: #555; text-decoration: none; }
	.contentArea .aboutRight li a:hover { color: #e38105;} 
	.contentArea .QuizContr { width: 100%; float: left; }
	.contentArea .newSection {  width: 100%; float: left; }
	.contentArea .newSection ul { width: 100%; margin-top:5px; margin-bottom: 0px; padding: 0px; list-style: none; float: left; }
	.contentArea .newSection li {width: 100%; margin-bottom: 10px; padding: 0px; float: left; width: 100%;  }
	.contentArea .newSection li .ovelayText { width:100%; margin:auto; float: left; }
	.contentArea .newSection li.last { margin-bottom: 0px;}
		
	}
	
	
	.contentArea .contactUs { width: 100%; float: left; }
	.contentArea .contactUs .form { width: 70%; float: left; }
	.contentArea .contactUs .form input { width: 100%; float: left; border: none; margin-bottom: 32px; color: #666666; font-size: 13px; }
	.contentArea .contactUs .form input.text { border-bottom: 1px solid #CCCCCC; height:30px; }
	.contentArea .contactUs .form input.text2 { margin-top: 10px; height:30px; border: 1px solid #CCCCCC; }
	.contentArea .contactUs .form input.capcha {margin-top: 10px;  Width:106px; height:28px; border: 1px solid #CCCCCC; background-color:#FFF; margin-right:2px; margin-left:4px;  }
	.contentArea .contactUs .form .refresh {margin-top: 2px;  Width:30px; height:30px; border: 1px solid #CCCCCC; background-color:#FFF; margin-right:2px; margin-left:2px;padding-top:10px;  }

	.contentArea .contactUs .form textarea {  width: 100%; float: left;border-bottom: 1px solid #CCCCCC; border-left: none; border-right: none; border-top: none;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }
	.contentArea .contactUs .form input.submit { margin-top: 0px; padding: 5px 10px; width: 12%; float: right; font-size: 14px; color: #fff; border-radius: 5px; border: 1px solid #b66528; background: #ff8a00;}
	.contentArea .contactUs .form input.submit:hover { background: #e08743;}
	.contentArea .contactUs .addresDetails { padding-top: 40px; width: 24%; float: right; }
	.contentArea .contactUs .map { width: 100%; float: left; border-radius: 5px; border: 1px solid #cacaca;}
	
	 @media only screen and (max-width: 767px) 
	{
		
	.contentArea .contactUs { width: 100%; float: left; }
	.contentArea .contactUs .form { width: 100%; float: left; }
	.contentArea .contactUs .form input { width: 100%; float: left; border: none; margin-bottom: 32px; color: #666666; font-size: 11px; }
	.contentArea .contactUs .form input.text { border-bottom: 1px solid #CCCCCC; height:20px; }
	.contentArea .contactUs .form input.text2 { margin-top:5px; height:20px; border: 1px solid #CCCCCC; }
	.contentArea .contactUs .form .refresh {margin-top: 18px;  Width:20px; height:20px; border: 1px solid #CCCCCC; background-color:#FFF; margin-right:2px; margin-left:2px;padding-top:10px;  }
    .contentArea .contactUs .form input.capcha {margin-top:18px;  Width:56px; height:25px; border: 1px solid #CCCCCC; background-color:#FFF; margin-right:2px; margin-left:2px;  }

	
	.contentArea .contactUs .form textarea {  width: 100%; float: left;border-bottom: 1px solid #CCCCCC; border-left: none; border-right: none; border-top: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
	.contentArea .contactUs .form input.submit { margin-top: 0px; padding: 5px 5px; width:20%; float: right; font-size: 11px; color: #fff; border-radius: 5px; border: 1px solid #b66528; background: #ff8a00;}
	.contentArea .contactUs .form input.submit:hover { background: #e08743;}
	.contentArea .contactUs .addresDetails { padding-top:20px; width:100%; float: left; }
	.contentArea .contactUs .map { width: 100%; float: left; border-radius: 5px; border: 1px solid #cacaca;}
	}
	
	
	
	/* login area */
	.loginArea { padding: 5px;  margin-bottom: 20px; width: 100%; float: left;  font-family: Arial, Helvetica, sans-serif; }
	.loginArea .login { padding: 0 0 0 2px; width: 100%; float: left; background: #f6f6f6; border-radius: 5px 5px 0 0;}
	.loginArea .login h2 { padding: 20px; margin: 0px; font-size: 25px; color: #000; font-weight: normal; width: 96%; float: left; background: url('../images/line.png') left bottom repeat-x; }	
	.loginArea h3 { padding-left: 40px; width: 50%; margin: 25px auto;  height: 34px; font-size: 20px; color: #000; background: url('../images/key-img.png') left no-repeat;}
	.loginArea .login .image { padding:20px 0 15px 0; width: 100%; float: left; border-bottom: 1px solid #e7e7e7; }
	.loginArea .login .image img { margin: 0 auto; display: block;}	
	.loginArea .loginForm { width: 100%; float: left; background: #fff;  border: 1px solid #e7e7e7; border-radius:0px; border-top: none; border-radius: 0 0 5px 5px;}
	.loginArea .loginForm .leftUser { width: 58%; margin: 0 20%; float: left; padding-bottom: 20px;}
	.loginArea .loginForm span { width: 100%; float: left; 	padding-bottom: 30px; }
	.loginArea .loginForm span label { padding-right: 20px; width: 25%; padding-top: 10px; text-align: right; float: left; font-size: 14px; color: #0d6397; }
	.loginArea .loginForm input.text { width: 50%; margin:1% 0 0 5%; padding: 10px; border: 1px solid #d3d3d3; color: #666666; border-radius: 3px; float: left; }
	.loginArea .loginForm input.submit { margin-right: 110px; padding: 5px 10px; border: none; width: 100px; float: right; background: #666666; color: #fff; font-size: 15px; border-radius: 5px; }
	.loginArea .loginForm p { margin: 0px; padding: 8px 30px; width: 52%; float: left;  font-size: 14px; color: #0d6397; }
	.loginArea .loginForm p a { padding-right: 8px; color: #0d6397; text-decoration: none; }
	.loginArea .loginForm p a:hover { color: #999999;}
	
	 @media only screen and (max-width: 767px) 
	{
	 .loginArea { padding: 2px;  margin-bottom: 10px; width: 100%; float: left;  font-family: Arial, Helvetica, sans-serif; }
	.loginArea .login { padding: 0 0 0 2px; width: 100%; float: left; background: #f6f6f6; border-radius: 5px 5px 0 0;}
	.loginArea .login h2 { padding:5px; margin: 0px; font-size: 20px; color: #000; font-weight: normal; width:100%; float: left; background: url('../images/line.png') left bottom repeat-x; }	
	.loginArea h3 { padding-left:36px; width: 100%; margin: 25px auto;  height: 34px; font-size:16px; color: #000; background: url('../images/key-img.png') left no-repeat;}
	.loginArea .login .image { padding:20px 0 15px 0; width: 100%; float: left; border-bottom: 1px solid #e7e7e7; }
	.loginArea .login .image img { margin: 0 auto; display: block;}	
	.loginArea .loginForm { width: 100%; float: left; background: #fff;  border: 1px solid #e7e7e7; border-radius:0px; border-top: none; border-radius: 0 0 5px 5px;}
	.loginArea .loginForm .leftUser { width:100%; margin: 0; float: left; padding-bottom: 20px;}
	.loginArea .loginForm span { width: 100%; float: left; 	padding-bottom:15px; }
	.loginArea .loginForm span label { padding:0px; width: 90%; padding-top: 10px; padding-bottom:5px; text-align: left; float: left; font-size: 14px; color: #0d6397; margin:0 6%; }
	.loginArea .loginForm input.text { width: 80%; padding: 8px; border: 1px solid #d3d3d3; color: #666666; border-radius: 3px; float: left; }
	.loginArea .loginForm input.submit { margin-right: 110px; padding: 5px 10px; border: none; width: 100px; float: right; background: #666666; color: #fff; font-size: 15px; border-radius: 5px; }
	.loginArea .loginForm p { margin: 0px; padding: 8px 30px; width:100%; float: left;  font-size: 14px; color: #0d6397; }
	.loginArea .loginForm p a { padding-right: 8px; color: #0d6397; text-decoration: none; }
	.loginArea .loginForm p a:hover { color: #999999;}
	
		
	}
	
	/* sing Up detail */
	.singUpDetail { margin-left: 22px; padding-top: 30px; width: 95%; float: left; }
	.formDetail #textbox { float: left; margin-right: 20px; margin-bottom: 15px; width: 295px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 5px; border: 1px solid #bdc7d8; padding: 8px; }
	.loginboxdiv { margin-bottom:20px; margin-top:25px; margin-right: 20px; padding: 8px; height:25px; border:1px solid #bdc7d8; width:30%; white-space: nowrap; float: left; border-radius: 6px; background:#fff; }
	.loginbox { height:25px; border: none; border-color: #fff;  font-family:Verdana, Arial, Helvetica, sans-serif; color: #939399; font-size:15px; font-weight:bold; width:100%; float: left; }
	.loginbox:focus { border-color:White; height:25px; border: 0px solid #363636;  outline: none;}
    .loginbox:hover:focus{ background-color:White; border:none; border-color:White;}
    .loginbox:focus:hover{ background-color:White; border:none; border-color:White;}
    
	.loginboxdiv2 { margin-right: 0px;} 
	.loginboxdiv  span { padding:10px 0 0 0; width:100%; float:left; margin-right: 0px;}
	.formDetail .radioArea { width: 100%; float: left; margin-top:22px; }
	.formDetail .radioArea span.width {  margin-bottom: 10px; padding-left:0px; padding-right:20px; float: left; }
	.formDetail .radioArea label { font-family: Arial; font-size: 16px; color: #000; }
	.formDetail .inputtext3 { padding: 6px; width: 120px; margin: 0	 0px 0px; float: left; color: #9999C2; font-size: 14px; font-family: Arial; border-radius: 5px; background: none repeat scroll 0% 0% #FFF;  border: 1px solid #BDC7D8; }
	.loginboxdiv select.selectText { padding: 3px; margin-left: 5px; width: 70px;  font-family:Verdana, Arial, Helvetica, sans-serif; color: #939399; font-size:13px;  }
	.formDetail input.submit { padding: 3px 10px; width:130px; margin: 20px 0 10px 0; font-family: Arial; font-size: 22px; color: #fff; background: #5b5b5c; border-bottom: 4px solid #000; border-radius: 5px; border-left: none; border-right: none; border-top: none; }
	.accountconf {color: #FF0000; font-weight: bold; font-size: 24px; line-height: 30px;}
	.textbox_remark { float: left; margin-right: 20px; margin-bottom: 5px; width: 295px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 5px; border: 1px solid #bdc7d8; padding:4px; }
     .regheight { height:10px;}
    
	@media only screen and (max-width: 767px) 
	{
	.singUpDetail { margin-left: 12px; padding-top: 15px; width: 95%; float: left; }
	.formDetail #textbox { float: left; margin-right: 20px; margin-bottom: 15px; width:100%; height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 5px; border: 1px solid #bdc7d8; padding: 8px; }
	.loginboxdiv { margin-bottom: 0%; margin-right: 20px; margin-left:5%; padding: 8px; height:25px; border:1px solid #bdc7d8; width:80%; float: left; border-radius: 6px; background:#fff; }
	.loginbox { height:15px; border: none; padding:8px 0 8px 0px;  font-family:Verdana, Arial, Helvetica, sans-serif; color: #939399; font-size:13px; width:100%; float: left; }
	.loginboxdiv2 { margin-right: 0px;} 
	.loginboxdiv  span { padding:4px 0 0 0; width:100%; float:left; margin-right: 0px;}
	.formDetail .radioArea { width: 100%; float: left; height:30px; }
	.formDetail .radioArea span.width { margin-left:4%; margin-top:0px; margin-bottom: 10px; width:100%; float:left; height:25px; }
	.formDetail .radioArea label { font-family: Arial; font-size: 16px; color: #000; }
	.formDetail .inputtext3 { padding:8px 2px 8px 2px; width:75%; margin: 0	 0px 0px; float: left; color: #9999C2; font-size: 14px; font-family: Arial; border-radius: 5px; background: none repeat scroll 0% 0% #FFF;  border: 1px solid #BDC7D8; }
	.loginboxdiv select.selectText { padding:3px; margin-left:2px; width:22%;  font-family:Verdana, Arial, Helvetica, sans-serif; color: #939399; font-size:11px;  }
	.formDetail input.submit { padding: 3px 10px; width:88%; margin: 20px 0 10px 5%; font-family: Arial; font-size: 22px; color: #fff; background: #5b5b5c; border-bottom: 4px solid #000; border-radius: 5px; border-left: none; border-right: none; border-top: none; }
	.accountconf {color: #FF0000; font-weight: bold; font-size: 16px; line-height: 20px; width:80%; text-align:justify;}
   .textbox_remark { float: left; margin-right: 10px; margin-bottom:0px; width:90%; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size:14px; border-radius: 5px; border: 1px solid #bdc7d8; padding:4px; }
	 .regheight2 { height:120px;}
	 .capchatb {margin-left:4%; width:90%}
	}
	
	
	/* bottom top wrapper */
     #bottomTopWrapper { width: 100%; float: left; padding: 10px 0 15px 0;  }	

	/* bottom top */
	.bottomTop { width: 100%; float: left; }
	.bottomTop .bottomLeft { width: 565px; float: left; }
	.bottomTop .bottomLeft img { float: left; display: block; }
	.bottomTop .bottomCenter { margin-left: 15px; width: 150px; float: left; border: 1px solid #afd1ff; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; height: 128px; }
	.bottomTop .bottomCenter h3 { margin: 0px; padding: 3px 5px; font-weight: normal; color: #127cad; font-size: 16px; background: #ddecff; border: 1px solid #afd1ff;}
	.bottomTop .bottomCenter ul { margin: 8px 0 0 5px; padding: 0px; list-style: none; }
	.bottomTop .bottomCenter li { padding: 3px 0 3px 20px; float: left;  font-size: 13px;  background: url('../images/arw.png') left no-repeat; }
	.bottomTop .bottomCenter li a { text-decoration: none; color: #000;}
	.bottomTop .bottomCenter li span { color: #4f4f4f; font-size: 10px;}

	/* bottom right */
	.bottomRight { width: 26%; float: right; font-family:Arial, Helvetica, sans-serif; }
	.bottomRight ul { list-style: none; margin: 0px; padding: 0px;}
	.bottomRight li { margin: 0; position: relative; padding: 0px; float: left; border: 2px solid #fff;  cursor: pointer; border-radius: 5px; min-height: 120px;  }
	.bottomRight li.bule { background: #3e873a;}
	.bottomRight li.bule:hover { background: #266a23;}
	.bottomRight li p { margin: 0px; text-align: justify; padding: 6px; line-height: 16px; font-size: 14px; color: #fff; min-height: 75px;} 
	.bottomRight li h3 { position: absolute; bottom: -30px; left: 20px; float: left; width: 80%; padding-right: 10px; height: 40px; font-size: 19px; font-weight: normal; text-align: right; border-radius: 5px; line-height: 40px;  }	
	.bottomRight li h3.buleText { color: #3e873a;  background: #fff; border: 2px solid #3e873a;}
	.bottomRight li h3 span.thumb1 { margin: 5px 0 0 10px; width: 35px; height: 32px; display: block; float: left; background: url('../images/thumb1.png') no-repeat;}
	
	/* footer bottom*/
	.footerBottom { padding-top:15px; width: 100%; float: left;  height:75px; font-family: Arial, Helvetica, sans-serif; background: url('../images/footer-bg.png') repeat-x; } 
	.footerBottom .left {width:70%; float:left; }
	.footerBottom .left p { font-size: 13px; float: left; color:Black; width:100%; padding:4px 0 0 0px; margin:0px; }
	.footerBottom .left p a {text-decoration: none; color:White;}
	.footerBottom .left p a:hover { color: #CCCCCC; }
	.footerBottom .followUs { width: 29%; float: right; padding-top: 5px; }
	.footerBottom .followUs h2 { padding-top: 5px; margin: 0px; font-size: 20px; color: #fff; float: left;}
	.footerBottom .followUs ul { list-style: none; margin: 0px; }
	.footerBottom .followUs li { float: left; padding: 0 0 0 15px; color:Black; }
	.footerBottom .followUs li img { float: left; display: block; color:Black;}
	
	.Foot_menu  { width:1008px; margin:auto; padding:0px; }
	.Foot_menu ul { margin:0; padding:0px;   }
	.Foot_menu ul li { float: left; list-style-type: none; display: inline; text-align:center;  padding: 0 15px 0 15px; }
	.Foot_menu li a { padding-bottom:10px; text-align:center; display: block; font-size:15px; font-family:Arial; color:White; font-weight:bold; }
   
     .bottomfirst { width:1004px; margin:auto; height:auto; padding:0px;}
	 .bottomfirst ul { margin:auto; padding: 0px; list-style: none; }
	 .bottomfirst li { padding-bottom:10px; margin-bottom:6px; float: left;  font-size: 20px; border-right:0px #fff solid;}
	 .bottomfirst li a {padding: 8px 29px 8px 29px;  border-radius:2px; text-decoration: none; color: #FFF; background-color:#ff8a00;}
	 .bottomfirst li a:hover { color:Black;}
	 .bottomfirst .span { padding:0 33px 0 33px;}
	 .bottomspan { padding-left:34px;}

      @media only screen and (max-width: 767px) 
	{
    .footerBottom { padding:0px; width: 100%; float: left;  height:80px; font-family: Arial, Helvetica, sans-serif; background: url('../images/footer-mg.png') repeat-x; } 
	.footerBottom .left {width:100%; float:left; }
	.footerBottom .left p { font-size: 13px; float: left; color: #fff; width:100%; padding:4px 0 0 0px; margin:0px; }
	.footerBottom .left p a {text-decoration: none; color: #55acee;}
	.footerBottom .left p a:hover { color: #CCCCCC; }
	.footerBottom .followUs { width: 100%; float: left; padding-top: 0px; background: url('../images/footer-mg.png') repeat-x; }
	.footerBottom .followUs h2 { padding-top: 0px; margin: 9px; 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; padding-top:5px; }
	.allright { display:none;}
	
	 .bottomfirst { width:80%; margin:0 auto; height:auto; padding:0px;}
	 .bottomfirst ul { margin:auto; padding: 0px; list-style:none; }
	 .bottomfirst li {  width:100%; float: left;  font-size:14px; border-right:0px #fff solid;}
	 .bottomfirst li a {margin:0px 0 0px 0px; padding: 5px; float: left;  display:block; border-radius:2px; width:100%; text-decoration: none; text-align:center; color: #FFF; background-color:#ff8a00;}
	 .bottomfirst li a:hover { color:Black;}
	 .bottomfirst .span { padding:0 0px 0 0px; margin:0px 0 10px 0px;}
	 .bottomspan { padding-left:0px; margin:0px 0 4px 0px;}
	 
	.Foot_menu  { width:1008px; margin:auto; padding:0px; display:none; }
	.Foot_menu ul { margin:0; padding:0px; display:none;  }
	.Foot_menu ul li { float: left; list-style-type: none; display: inline; text-align:center;  padding: 0 15px 0 15px; display:none; }
	.Foot_menu li a { padding-bottom:10px; text-align:center; display: block; font-size:15px; font-family:Arial; color:White; font-weight:bold; display:none; }
	}
    
	td.choseText a {   margin-top: 10px; background:#000; border-radius: 3px; padding: 5px 10px;  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; line-height:35px;  }
    td.contText { margin-bottom: 15px; cursor: pointer; height: 55px; position: relative; float: left; width: 60%; line-height: 50px; padding-left: 30px; border-radius: 8px; border: 1px solid #b9b9b9; background: #fff; font-family: Arial; font-size: 19px; color: #000;  }
	td.choseText {  float: left; width: 100%; padding: 20px 0;font-family: Arial; font-size: 22px; font-weight: normal;color: #4d4d4d;  }
	td.choseText1 {  float: left; padding: 5px 0; padding-left:20px; font-family: Arial; font-size: 18px; font-weight: normal; color: #4d4d4d;  }
	td.contText img { padding: 20px 20px 0 0; }
	td .PopupText { padding: 11px 28px;font-family: Arial; font-size: 18px; font-weight: normal; text-align:justify; color: #4d4d4d; }
    td .PopupText a{ width: 24%; padding: 11px 8px; background:#000; border-radius: 3px; padding: 5px 10px; font-family: Arial; font-size: 18px; font-weight: normal;color: #FFF; text-decoration:none;}

   @media only screen and (max-width: 767px) 
	{
   
   	td.choseText a {   margin-top: 10px; background:#000; border-radius: 3px; padding: 5px 10px;  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; line-height:35px;  }
    td.contText { margin-bottom: 15px; cursor: pointer; height: 55px; position: relative; float: left; width: 80%; line-height: 50px; padding-left: 30px; border-radius: 8px; border: 1px solid #b9b9b9; background: #fff; font-family: Arial; font-size: 15px; color:#000;  }
	td.choseText {  float: left; width: 90%; margin-left:5%; padding: 20px 0;font-family: Arial; font-size:16px; font-weight: normal;color: #000; font-weight:bold;  }
	td.choseText1 {  float: left; padding: 5px 0; font-family: Arial; font-size: 18px; font-weight: normal; color: #4d4d4d;  }
	td.contText img { padding: 20px 20px 0 0; }
	td .PopupText { padding: 11px 28px;font-family: Arial; font-size: 18px; font-weight: normal; text-align:justify; color: #4d4d4d; }
    td .PopupText a{ width: 24%; padding: 11px 8px; background:#000; border-radius: 3px; padding: 5px 10px; font-family: Arial; font-size: 18px; font-weight: normal;color: #FFF; text-decoration:none;}

   }

  /*td.contText { margin-bottom: 15px; cursor: pointer; height: 55px; position: relative; float: left; width: 60%; line-height: 50px; padding-left: 30px; border-radius: 8px; border: 1px solid #dedede; background: #fff; font-family: Arial; font-size: 19px; color: #000;  }
td.choseText {  float: left; width: 100%; padding: 20px 0; font-family: Arial; font-size: 22px; font-weight: normal; color: #4d4d4d;  }
td.choseText1 {  float: left; padding: 5px 0; font-family: Arial; font-size: 18px; font-weight: normal; color: #4d4d4d;  }
td.contText img { padding: 20px 20px 0 0; }


@media only screen and (max-width:767px)
{
td.contText { margin-bottom: 15px; cursor: pointer; height: 55px; position: relative; float: left; width: 100%; line-height: 50px; padding-left: 30px; border-radius: 8px; border: 1px solid #dedede; background: #fff; font-family: Arial; font-size: 12px; color: #000;  }
td.choseText {  float: left; width: 100%; padding: 20px 0; font-family: Arial; font-size:100%; font-weight: normal; color: #4d4d4d;  }
td.choseText1 {  float: left; padding: 5px 0; font-family: Arial; font-size: 11px; font-weight: normal; color: #4d4d4d;  }
td.contText img { padding: 20px 20px 0 0; }	
}
*/


.examArea {  width: 22%; float: left; position: relative; }
.examArea a { float: left; padding: 3px; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; cursor: pointer; }
.examArea a.login { display:block; position: relative; background: #000;color: #fff; }	
.examArea input.submt { cursor: pointer; color:#fff; float: left; background: #000; border: none; padding: 5px 10px; border-radius: 5px; display: block; margin-right: 10px;}

  @media only screen and (max-width: 767px) 
	{
	.examArea {  width:100%; position:relative; }
	.examArea a { float: left; padding: 3px; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; cursor: pointer; }
	.examArea a.login { display:block; position: relative; background: #000;color: #fff; }	
	.examArea input.submt { cursor: pointer; color:#fff; float:left; background: #000; border: none; padding: 5px 10px; border-radius: 5px; display: block; margin-right:5px;}

		
	}

.result { text-align: left; width: 100%; float: left; padding-left: 20px;}
.result a { margin-top: 10px; background:#000; border-radius: 3px; padding: 5px 10px;  float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; }
.result a.loginText { color: #fff; text-decoration: none; }
.popup {  width: 300px; padding: 0px 0 20px 0; float: left; overflow: hidden; background-color:#fff; border-left:3px #ccc solid; border-right:3px #ccc solid;border-bottom:5px #ccc solid; color:#454545; }
.popup td h2 { margin: 5px 0; padding-left: 5px;  width: 100%; font-size: 18px; color: #636363; font-family: Arial; float: left;}

/* terms & conditions */

.termcondition { width:100%; min-height:auto; background-color:#fdfcfb; }
.termcondition h2 { height:30px; padding:5px 0 0 5px; width:100%; background-color:#1689be; color:White; border-bottom:5px #ff8a00 solid;}
.termcondition h3 { height:20px; padding:3px 0 0 3px; background-color:#1689be; color:White; border-bottom:2px #363636 solid;}
.termcondition ul { margin: 0px; padding: 0px; }
.termcondition li { margin: 0; width:100%; position: relative; padding: 0px; float: left; border: 2px solid #fff; color:#867a7a;  font-family:Times New Roman; font-size:14px; line-height:20px; letter-spacing:0.3px; text-align:justify; cursor: pointer; border-radius: 5px; }
.termcondition li.blue {  margin:5px; text-align: left; padding-bottom:6px; padding-top:6px; padding-left:0px; padding-right:20px; list-style: none; float: left; color:#363636; font-weight:bold; font-size:16px; width:100%; }

.termcondition li p { margin: 0px; text-align: justify; padding: 6px; line-height: 16px; font-size: 14px; color: #fff; min-height: 75px;} 
.termcondition li h3 { position: absolute; bottom: -30px; left: 20px; float: left; width: 80%; padding-right: 10px; height: 40px; font-size: 19px; font-weight: normal; text-align: right; border-radius: 5px; line-height: 40px;  }	
.termcondition li h3.buleText { color: #3e873a;  background: #fff; border: 2px solid #3e873a;}
.termcondition li h3 span.thumb1 { margin: 5px 0 0 10px; width: 35px; height: 32px; display: block; float: left; background: url('../images/thumb1.png') no-repeat;}
	
/* modalPopup */

.modalProgressGreyBackground{ background-color:#333333;filter:alpha(opacity=90);opacity:0.4; }   	
.modalPopup{background-color:#f5f5f5; Border: 1px solid #4C4C4C; margin-top: 20px; border-radius: 50px; width:450px; height:452px;  }
	
.popup_head {padding-right:5px; padding-top:4px; float: right; width:100%; background-color:#efefef; border:1px #ccc solid;}
.ansprint { width:800px; height:auto;padding:4px; float: left; background-color:#efefef; border:1px #ccc solid; }
.padAns {PADDING-RIGHT: 8px; padding-left:80px; FONT-SIZE: 16px;font-weight: normal;PADDING-BOTTOM: 8px;COLOR: #009900;PADDING-TOP: 8px;font-style:italic;FONT-FAMILY: Verdana, Tahoma, Arial;}
.padAns2 {PADDING-RIGHT: 8px; padding-left:80px; FONT-SIZE: 16px;font-weight: normal;PADDING-BOTTOM: 8px;COLOR: #003300;PADDING-TOP: 8px;font-style:italic;FONT-FAMILY: Verdana, Tahoma, Arial;}
@media only screen and (max-width:767px)
{
	.modalProgressGreyBackground{ background-color:#333333;filter:alpha(opacity=90);opacity:0.4; }   	
	.modalPopup{background-color:#f5f5f5; Border: 1px solid #4C4C4C; margin-top: 0px; border-radius: 50px; width:80%; height:350px; }	
	.popup_head {padding-right:5px; padding-top:4px; float: right; width:100%; background-color:#efefef; border:1px #ccc solid;}
    .ansprint { width:90%; margin-left:5%; height:auto;padding:2px; float: left; background-color:#efefef; border:1px #ccc solid; }

	.padAns {PADDING-RIGHT: 4px; padding-left:10px; FONT-SIZE: 11px;font-weight: normal;PADDING-BOTTOM: 4px;COLOR: #009900;PADDING-TOP: 4px;font-style:italic;FONT-FAMILY: Verdana, Tahoma, Arial;}
	.padAns2 {PADDING-RIGHT: 4px; padding-left:10px; FONT-SIZE: 11px;font-weight: normal;PADDING-BOTTOM: 4px;COLOR: #003300;PADDING-TOP: 4px;font-style:italic;FONT-FAMILY: Verdana, Tahoma, Arial;}

	}
 /* Manual Result */

.manualresult {width:1004px; height:auto; margin:auto; padding:5px; font-family:Arial;}
.manualresult .left {width:250px; height:auto; padding:0; float:left;  }
.manualresult .left img { height:auto; padding:0; float:left; width:100%; }
.manualresult .left a img{width:50%; margin-top:5px; height:auto; padding:0; float:left;  }
.manualresult .middle {width:500px; height:auto; padding:0; float:left;  }
.manualresult .middle h1 {margin:0px;  height:auto; padding:0;  text-align:center; font-size:45px; font-style:normal; font-family:Arial; }
.manualresult .middle p {margin:0px; height:auto; padding:0;  text-align:center; font-size:30px; font-style:italic; }
.manualresult .right {width:240px; height:auto; padding:0; float:left; }
.manualresult .right img { width:100%; height:auto; padding:0;  text-align:right;}

table tr td .resultform { width:100%; height:auto; margin:0; padding:0; font-family:Arial; }
table tr td .resultform p{margin:0px; width:50%; height:auto; padding:8px 0 8px 10px; font-size:18px; color:Black; font-weight:lighter; font-family:Times New Roman; float:left; vertical-align:top; text-align:left; }
.resformThird { width:100%; height:auto; margin:0; padding:0; font-family:Arial; }
/*.resformThird table tr .third{ width:45%; height:auto; padding:8px 0 8px 10px; font-size:18px; font-weight:lighter; font-family:Times New Roman; float:left; vertical-align:top; text-align:left; } */
.resformThird table tr .third { width:45%; margin:0px; height:auto; padding:10px 0 8px 15px; font-size:18px; font-weight:normal; font-family:Arial; float:left; vertical-align:top; text-align:left; position:relative; font-style:italic; }
.resformThird table tr .img { width:45%; margin:0px; height:auto; padding:5px 0 8px 5px; font-size:18px; font-weight:lighter; font-family:Times New Roman; vertical-align:top; text-align:left; background: url('../images/ShapeIcon.png') no-repeat; position:absolute; right:2px; vertical-align:bottom;  }
.TopicScore{ width:100%; height:auto; float:left; font-family:Arial;}
.TopicScore img{ width:20%; height:auto;  text-align:left; padding:10px 0 10px 0px;}
.resforfour {width:100%; height:auto; margin:0; padding:0; font-family:Arial;}
.resforfour table tr td { height:auto; margin:0; padding:2px 0 2px 0; }
.resforfour table tr .top { height:auto; margin:0; padding:10px 0 10px 0; font-size:20px; font-weight:bold; text-align:center;}
.resforfour table tr td p { width:85%; height:auto; margin:0; padding:10px 0 10px 0px; color:Black; float:left; font-size:18px; font-weight:normal; text-align:center;}
.resforfour table tr td .total { width:85%; height:auto; margin:0; padding:10px 10% 0px 0; float:left; font-size:20px; font-weight:bold; text-align:right; position:relative; font-family:Arial;}
.resforfour table tr td .textp { width:85%; height:auto; margin:0; padding:10px 0 10px 15%; color:Black; float:left; font-size:18px; font-weight:normal; text-align:left;}
.headbottom {width:100%; height: 37px; text-align:center; background: #2c3747; color:White;}
.headbottom a {width:80%; margin:auto; height: 37px; padding-left:3px; background: #2c3747; color:White;  text-align:center; font-size:18px; letter-spacing:0.5px; font-family:Arial;}
@media only screen and (max-width:767px)
{
 .headbottom {width:100%; height: 37px; text-align:center; background: #2c3747; color:White;}
 .headbottom a {width:100%; margin:auto; height: 37px; background: #2c3747; color:White;  text-align:center; font-size:11px; font-family:Arial;}
	
	
}

@media only screen and (max-width:767px)
{
.manualresult {width:100%; height:auto; margin:auto; padding:5px; font-family:Arial;}
.manualresult .left {width:25%; height:auto; padding:0;  }
.manualresult .left img { height:auto; padding:0; float:left; width:100%; }
.manualresult .left a { height:auto; padding:0; float:left; }
.manualresult .middle {width:50%; height:auto; padding:0;  }
.manualresult .middle h1 {margin:0px;  height:auto; padding:0;  text-align:center; font-size:20px; font-style:normal; font-family:Arial; }
.manualresult .middle p {margin:0px; height:auto; padding:0;  text-align:center; font-size:18px; font-style:italic; }
.manualresult .right {width:24%; height:auto; padding:0; }
.manualresult .right img {width:100%; height:auto; padding:0; }
.manualresult .right a { height:auto; padding:0;  text-align:right;}

table tr td .resultform { width:100%; height:auto; margin:0; padding:0; font-family:Arial; }
table tr td .resultform p{margin:0px; width:50%; height:auto; padding:8px 0 8px 10px; font-size:18px; color:Black; font-weight:lighter; font-family:Times New Roman; float:left; vertical-align:top; text-align:left; }
.resformThird { width:100%; height:auto; margin:0; padding:0; font-family:Arial; }
/*.resformThird table tr .third{ width:45%; height:auto; padding:8px 0 8px 10px; font-size:18px; font-weight:lighter; font-family:Times New Roman; float:left; vertical-align:top; text-align:left; } */
.resformThird table tr .third { width:45%; margin:0px; height:auto; padding:10px 0 3px 3px; font-size:12px; font-weight:bold; font-family:Arial; float:left; vertical-align:top; text-align:left; position:relative; font-style:italic; }
.resformThird table tr td img { width:95%; margin:0px; height:auto; padding:5px 0 8px 0px; vertical-align:top; text-align:left; right:2px; vertical-align:top;  }


.resformThird table tr .img { width:45%; margin:0px; height:auto; padding:5px 0 8px 5px; font-size:12px; font-weight:lighter; font-family:Times New Roman; vertical-align:top; text-align:left; background: url('../images/ShapeIcon.png') no-repeat; position:absolute; right:2px; vertical-align:bottom;  }
.TopicScore{ width:100%; height:auto; float:left; font-family:Arial;}
.TopicScore img{ width:20%; height:auto;  text-align:left; padding:10px 0 10px 0px;}
.resforfour {width:100%; height:auto; margin:0; padding:0; font-family:Arial;}
.resforfour table tr td { height:auto; margin:0; padding:2px 0 2px 0; }
.resforfour table tr .top { height:auto; margin:0; padding:10px 0 10px 0; font-size:15px; font-weight:bold; text-align:center;}
.resforfour table tr td p { width:85%; height:auto; margin:0; padding:10px 0 10px 0px; color:Black; float:left; font-size:12px; font-weight:normal; text-align:center;}
.resforfour table tr td .total { width:85%; height:auto; margin:0; padding:8px 8% 0px 0; float:left; font-size:14px; font-weight:bold; text-align:right; position:relative; font-family:Arial;}
.resforfour table tr td .textp { width:85%; height:auto; margin:0; padding:8px 0 8px 5%; color:Black; float:left; font-size:14px; font-weight:normal; text-align:left;}
.headbottom {width:100%; height: 37px; text-align:center; background: #2c3747; color:White;}
.headbottom a {width:80%; margin:auto; height: 37px; padding-left:3px; background: #2c3747; color:White;  text-align:center; font-size:15px; letter-spacing:0.5px; font-family:Arial;}

	
}

.allaskquestion { padding:4px 0px; margin:4px 0px; font-size:15px; font-weight:bold; font-family:Arial;  border:4px;}
.allaskquestion a { padding:8px 10px; margin:4px; font-size:16px; font-family:Arial; background-color:#1689be; border:4px; color:White; border-radius:5px;}
.allans { padding:4px 0px; margin:4px 0px; font-size:15px; font-weight:bold; font-family:Arial;  border:4px; color:#bc6805;}


/* solotion NCER */

	
	 .one-half { width:auto; margin:0 auto; height:auto; padding:0px;}
	 .one-half h3 { font-size:20px; font-weight:bold; font-family:Arial Baltic; color:midnightblue;}
	 .one-half ul { margin:auto; padding: 0px; list-style:none; }

	 .one-half li {  width:100%; float: left;  font-size:15px; font-family:Arial; color:#666666; line-height:20px; border-right:0px #fff solid; }
	 .one-half li a {margin:3px 0 3px 0px; padding: 5px; float: left;  display:block; width:auto; text-decoration: none; text-align:left; color:#6e9bd1; font-weight:bold; }
	 .one-half li a:hover { color:Black; color:#0b58b5;}

/*STYLES FOR CSS POPUP*/


@media only screen and (max-width:767px)
{

#popUpDiv a{position:relative; top:-400px; font-weight:bold; font-size:0px; color:Black; left:15px;}

} 
.back{ height:30px; padding:5px 20px 5px 20px; margin:0 0 5px 0; color:White; background-color:#00628e;}



.TestArea .question .answer li:checked {
  -webkit-box-shadow: 0px 0px 3px 3px rgba(155, 155, 255, 0.2);
  box-shadow: 0px 0px 3px 3px rgba(155, 155, 255, 0.2);
 width:20px;
  height:20px;
  background: #1689be;

 
}
.TestArea .question .answer li :after {
  content: '';
  text-shadow: 0 -1px 0 #bfbfbf;
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  margin: auto;
  
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
   
  
}

.TestArea .question .answer li :checked:after {
  color: #1689be;
  text-shadow: 0 1px 0 #669991;
  
  -webkit-box-shadow: 0px 0px 1px 1px rgba(155, 155, 255, 0.2);
box-shadow: 0px 0px 1px 1px rgba(155, 155, 255, 0.2);
  
background: #1689be; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  width: 16px;
height: 16px;
background: #1689be;
margin: -2px 0px 0px -2px;
}