/* CSS Document */

body{ background:#C0C0C0; margin:0px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
a { color:#333333; text-decoration:none; }
img { border:0px; }
#abcd{}
#outerContentArea2{ margin:auto; width:97%; height:563px; background:url(../images/ui2-2-mainbg.png) #FFF;  background-repeat:no-repeat; background-position:bottom;}
#innerContentArea2{ margin:auto; width:700px; height:485px; padding-top:10px;}
#scoreHeader{width:993px; height:61px; 
background: -webkit-linear-gradient(top, #ffffff 50%,#ececec 100%);/* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #ffffff 50%,#ececec 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
background: -moz-linear-gradient(top, #ffffff 50%, #ececec 100%); /* FF3.6+ */
}
#scoreInnerContentArea2{ width:979px; height:485px; margin-left:5px; clear:both; border:1px solid #b1bdc5; border-top:0px;-webkit-border-bottom-left-radius:1.2em; -moz-border-bottom-left-radius:1.2em; border-bottom-left-radius:1.2em; -webkit-border-bottom-right-radius:1.2em; -moz-border-bottom-right-radius:1.2em; border-bottom-right-radius:1.2em;}
#scoreDiv{width:90%; margin:auto;font-size:30px; text-align:center; padding-top:200px; color:#49461b;}
.imgEnlarge { width:200px; height:auto; }
#container{	margin:0px auto; width:1024px; height:663px; font-family:arial; background:#5D5D5D; padding-top:10px; cursor:default;}
#headerBg{ margin:0px auto; width:97%; height:78px; background:url(../images/topbg-blue.png); background-repeat:repeat-x;}
#headerText{ width:77%; height:50px; color:#FFFFFF; font-size:1.1em; padding-top:30px; padding-left:30px; }
#headerBg img{  position:absolute; width:57px; height:78px; top:10px; }
#homeImg{ margin-left:730px; cursor:pointer;}
#scoreImg{ margin-left:795px; cursor:pointer;}
#helpImg{ margin-left:860px; cursor:pointer;}
.submitBtn{ cursor:pointer; float:left;}

#exitImg{ margin-left:925px; cursor:pointer;}
#headerBottom{ margin:0px auto; width:97%; height:16px; background:url(../images/bg-top-main-page.png); background-repeat:repeat-x;}
#outerContentArea{ margin:0px auto; width:97%; height:550px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 10%, #b5b5b5 100%, #b5b5b5 100%, #E4E4E4 85%, #b7b7b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#b5b5b5), color-stop(100%,#b5b5b5), color-stop(85%,#E4E4E4), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 10%,#b5b5b5 100%,#b5b5b5 100%,#E4E4E4 85%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 10%,#b5b5b5 100%,#b5b5b5 100%,#E4E4E4 85%,#b7b7b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 10%,#b5b5b5 100%,#b5b5b5 100%,#E4E4E4 85%,#b7b7b7 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */}


#circleImg{ width:72px; height:61px; margin-left:5px; float:left; background:url(../images/lefttop.png); background-repeat:no-repeat; }
#circleImg p{ width:52px; color:#FFFFFF; font-size:1.8em; padding-top:15px; text-align:center; margin:0px;  margin-left:2px;}

#barImg{ width:89.93%; height:61px; float:left; background:url(../images/bg-topic-title.png); background-repeat:repeat-x;}
#currentDoc{ width:750px; height:20px; color:#49461B; font-weight:bold; float:left; margin-top:18px;}
#navigation{ width:60px; height:20px; float:right; margin-top:18px; text-align:right;}
#roundCornerImg{ width:18px; height:61px; margin-right:5px; float:right; background:url(../images/round-corner-trans.png); background-repeat:no-repeat;}
#innerContentArea{ background:#ffff00; border:2px solid black;width:98.6%; height:473px; margin-left:5px; border:1px solid #B0BCC4; clear:both; -webkit-border-bottom-left-radius:1.2em; -webkit-border-bottom-right-radius:1.2em; -moz-border-bottom-left-radius:1.2em; -moz-border-bottom-right-radius:1.2em; border-bottom-left-radius:1.2em; border-bottom-right-radius:1.2em; border-top-width:0px;
background: -moz-linear-gradient(top, #EDF1F2 0%, #EDF1F3 1%, #ECF0F2 50%, #EDF0F2 51%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDF1F2), color-stop(1%,#EDF1F3), color-stop(50%,#ECF0F2), color-stop(51%,#EDF0F2));
background: -ms-linear-gradient(top, #EDF1F2 0%,#EDF1F3 1%,#ECF0F2 50%,#EDF0F2 51%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF1F2', endColorstr='#EDF0F2',GradientType=0 ); /* IE6-9 */
}

#qImg{ margin-top:8px; margin-left:20px; float:left;}
#textArea{ width:80%; height:280px; margin-left:100px;}
#bottomBar{ position:absolute; width:974px; margin-left:3px; height:43px; background:#D6D9DB; top:592px; -webkit-border-bottom-left-radius:1.2em; -moz-border-bottom-left-radius:1.2em; border-bottom-left-radius:1.2em; -webkit-border-bottom-right-radius:1.2em; -moz-border-bottom-right-radius:1.2em; border-bottom-right-radius:1.2em;}
#thisQues{ width:100%; height:30px; font-size:16px; font-weight:bold; padding-top:20px; color:#2D3234;}
.blueText{ color:#10B2DE; font-size:14px; font-style:italic; font-weight:normal; }

#thisAns{ margin:auto; width:800px; height:200px; padding-top:0px; color:#2D3234; font-size:1em;}
.resetBtn{ width:96px; height:29px; float:right; margin-top:7px; margin-right:370px; background-repeat:no-repeat;}
/*.resetBtn:hover{ background:url(../images/reset-over.png); background-repeat:no-repeat;}*/

#prev{ position:absolute; width:40px; height:40px; /*left:25px; top:595px;*/ float:left; margin-left:10px; margin-top:-45px; cursor:pointer; }
#prevfirst{ position:absolute; width:40px; height:40px; margin-left:-10px; top:595px;}
#next{ position:absolute; width:40px; height:40px; /*left:958px; top:595px;*/ float:left; margin-left:943px; margin-top:-45px; opacity:0.5;pointer-events: none; }
#nextLast{ position:absolute; width:40px; height:40px; margin-left:962px; top:595px; ; }
.revealAns{ width:136px; height:29px; margin-left:32%; margin-top:8px; float:left; cursor:pointer;}
#submitImg{  margin-left:41%; margin-top:7px;}
.chkText{ display:table-cell; vertical-align:middle; height:45px; margin-top:20px; max-width:600px;}

.chkSpacer{ clear:left; margin-top:15px;}
#wrapper{ position:absolute; width:100%; height:675px; background:#466871; opacity:.5; z-index:401; display:none;}
#wrapper2{ position:absolute; width:100%; height:675px; background:#466871; opacity:.5; z-index:401; display:none;}
#popUp{ position:absolute; width:418px; height:458px; border:2px solid #92A6AC; background:#333333; z-index:3; cursor:pointer; display:none;}

#hiddenDiv1{ z-index:400;width:860px; height:130px; margin-left:105px; margin-top:10px; font-size:0.9em; visibility:hidden; border:1px solid #B2B2B2; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; background:#FFFFFF;}
#feedbackTop1{ width:850px; height:33px; margin:auto; margin-top:5px; background:url(../images/bg-feedback.png); background-repeat:repeat-x; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
#hiddenDiv1 p{ width:840px; height:90px; overflow:auto; margin:auto; font-size:1.0em;}
.allFeedback{float:right; position:relative;margin-right:4px; cursor:pointer;Z-index:100;margin-top:-1px;/*margin-right:-353px;*/}



/*page2.html*/
#thisQues3{ width:800px; height:50px; margin-left:102px; padding-top:20px; color:#2D3234; font-size:1em; font-weight:bold; overflow:auto;}
#leftSlot{ width:340px; height:330px; margin-top:2px; float:left; margin-left:102px;}
/*#leftSlot p{ color:#10B2DE; width:330px; font-size:1em; font-style:italic; margin-left:10px;}*/
#imgSlot{ width:450px; height:365px; margin-top:10px; float:right; margin-right:50px; text-align:center;/* background:url(../images/page3img.png);*/ background-repeat:no-repeat; }

.option{ margin-top:15px; width:320px; height:30px;}
.alphabet{ width:37px; height:32px; float:left; background:#00B5E7; color:#FFFFFF; text-align:center; font-size:1.5em; padding-top:4px; cursor:pointer; }
.definition{ width:270px; height:34px; border:1px solid #D3D3D4; float:right; background:#E7EAEC; color:#333333; text-align:left; font-size:.95em; margin-top:0px; padding-left:10px; padding-top:1px; line-height:1em;}
.dropBox{ width:37px; height:36px;}

#hiddenDiv3{z-index:400; width:480px; height:80px; margin-left:85px; margin-top:240px; font-size:1em; visibility:hidden; border:1px solid #B2B2B2; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
#hiddenDiv3 p{width:460px; height:90px; overflow:auto; margin:auto; font-size:0.75em;}

#hiddenDiv2{ z-index:400;position:relative; float:right; width:470px; height:100px; left:368px;top:-60px; left:0px; /*margin-left:495px; margin-top:205px;*/ font-size:1em; visibility:hidden; border:1px solid #B2B2B2; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; background:#FFF;}
#hiddenDiv2 p{  position:absolute;width:455px; height:100px;font-size:0.75em;  padding:0px 0px 5px 15px; margin-top:2px; margin-bottom:2px; margin-right:0px;}
.feedbackTopText2 {position:absolute;margin-top:7px; float:left; margin-left:10px; color:#FFFFFF; font-weight:bold;font-size:14px;}
/*#div5Drop{ position:absolute; margin-top:25px; margin-left:12px;}
#div1Drop{ position:absolute; margin-top:148px; margin-left:32px;}
#div2Drop{ position:absolute; margin-top:196px; margin-left:182px;}
#div3Drop{ position:absolute; margin-top:135px; margin-left:234px;}
#div4Drop{ position:absolute; margin-top:86px; margin-left:361px;}*/



/*page3.html*/
#thisQues4{ width:850px; height:80px; margin-left:100px; padding-top:20px; color:#2D3234; font-size:1em; font-weight:bold; overflow:auto; }
/*#thisQues4 p{ color:#10B2DE; font-size:.9em; font-style:italic;}*/
#leftSlot4{ width:470px; height:220px; margin-top:10px; float:left; margin-left:10px; background:#D5DDE0; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
#div6{ height:101px; margin-left:13px; }
#div7{ height:101px; margin-left:13px; }
#div8{ height:101px; margin-left:13px; }
#div9{ height:101px; margin-left:13px; }
#div10{ height:101px; margin-left:13px; }
#div11{ height:101px; margin-left:13px; }
#div12{ height:80px; }
#div13{ height:80px; }
#div14{ height:80px;  }
#div15{ height:80px; }
.box{  width:auto; height:auto; border:1px solid #B7B9BB; background:#FFFFFF; margin-left:8px; margin-top:10px; float:left; cursor:pointer; }

#rightSlot4{ width:470px; height:220px; margin-top:10px; float:right; margin-right:10px; text-align:center;}
.dropBoxPage4{  width:82px; height:92px; border:1px solid #B7B9BB; background:#FFFFFF; margin-left:8px; margin-top:10px; float:left; text-align:center; }
.dropBoxPage4:hover{ border:1px solid #CCCC00;}
.dragBoxPage4 {  text-align:center; width:82px; height:92px; margin-left:8px; margin-top:10px; float:left; text-align:center; background:#ffffff; border:1px solid #b7b9bb; }
.dragBoxPage4 img { width:auto; max-width:82px; max-height:92px; height:auto; }
.dropBoxPage4 img { width:auto; max-width:82px; max-height:92px; height:auto; }

#hiddenDiv30{ position:relative; float:right; z-index:400; width:470px; height:100px; left:-505px; top:-6px;  /*margin-left:495px; margin-top:205px;*/ font-size:1em; visibility:hidden; border:1px solid #B2B2B2; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; background:#FFF;}
#hiddenDiv30 p{ position:absolute;width:455px; height:50px;font-size:0.75em;  padding:0px 0px 5px 15px; margin-top:2px; margin-bottom:2px; margin-right:0px;}
#feedbackTop30{ width:470px; height:33px; margin:0px;padding:0px; background:url(../images/bg-feedback.png); background-repeat:repeat-x; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
.allFeedback30{float:right;  cursor:pointer;Z-index:100;margin-top:-1px;}
/*page4.html*/
#leftSlot5{ width:500px; height:328px; float:left; color: #2D3234;}
#leftSlot5 p{ margin-top:0px;}
#thisQues5{ width:850px; height:34px; margin-left:27px; padding-top:20px; color:#2D3234; font-size:1em; font-weight:bold; overflow:auto; float:left;}
#chkArea5{ width:400px; height:325px; margin-top:10px; float:left; margin-left:27px; overflow:auto; }
/*#chkArea5 p{ color:#10B2DE; font-size:1.0em; font-style:italic;}*/
 #rightSlot5{ width:350px; height:325px; float:right; margin-right:20px; text-align:left; }
#rightSlot5 img { cursor:pointer; }
#popUp5{ position:absolute; width:572px; min-height:300px; height:auto; /*border:2px solid #92A6AC; background:#333333;*/ z-index:3; cursor:pointer; display:none; text-align:center; }

.img5{ width:350px; height:150px; margin-top:20px;text-align:center; cursor:pointer; }
#textPopUp{ position:absolute; width:970px; height:500px; top:120px; font-family:arial; background:#FFFFFF; z-index:402; cursor:default; display:none; border:1px solid; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
#textPopUp2{ position:absolute; width:400px; height:200px; top:120px; font-family:arial; background:#FFFFFF; z-index:402; cursor:default; display:none; border:1px solid; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
#leftImg{width:auto; height:324px; float:left; margin-top:20px; margin-left:20px;}
#rightImg{width:auto; height:324px; float:right; margin-top:20px; margin-right:20px;}
#page5Text{width:950px; height:100px; color:#000000; font-size:.75em; clear:both; margin:auto; padding-top:15px; overflow:auto; z-index:4; }
#page5Text2{width:380px; height:auto; color:#000000; font-size:.75em; clear:both; margin:auto; padding-top:5px; padding-bottom:5px; overflow:auto; z-index:4; }
#feedbackTop{ width:960px; height:33px; margin:auto; margin-top:5px; background:url(../images/bg-feedback.png); background-repeat:repeat-x; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
#feedbackTop2{ width:390px; height:33px; margin:auto; margin-top:5px; background:url(../images/bg-feedback.png); background-repeat:repeat-x; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}
.feedbackTopText{ position:absolute;float:left; margin:7px 0 0 10px;padding:0px; color:#FFFFFF; font-weight:bold;font-size:14px;z-index:200;}
#closeFeedback{ float:right; margin-right:4px; margin-top:-1px; cursor:pointer;}
#closeFeedback10{ float:right; margin-right:8px; cursor:pointer; margin-top:0px;}
#closeFeedback12{ float:right; margin-right:8px; cursor:pointer; margin-top:0px;}

/*page5.html*/
#leftSlot6{ width:460px; /*max-height:220px;*/ min-height:275px; float:left; margin-left:102px;}
#chkArea6{ font-size:0.9em;}
#thisQues6{ width:850px; height:52px; margin-left:100px; padding-top:20px; color:#2D3234; font-size:1em; font-weight:bold; /*overflow:auto;*/ }
#rightSlot6{ width:200px; height:240px; float:right; margin-right:100px; margin-top:10px; cursor:pointer; text-align:center; padding-top:10px;}
#rightSlot6Img{width:200px; height:auto; margin:0px;}
#extendImg{ float:right; margin-top:-5px;}
.optionPage6{ font-size:1.2em; color:#2D3234; padding-left:3px; }
.headingBlue{ color:#10B2DE;}
#submitImg1{ margin-left:41%; margin-top:7px;}
#popUp6{ position:absolute; width:100%; text-align:center; height:458px; top:100px; z-index:999; cursor:pointer; display:none; text-align:center;}

#hiddenDiv6{ z-index:400;position:relative; float:right; width:470px; height:80px; left:368px; top:-5px; left:-36px; font-size:1em; visibility:hidden; border:1px solid #B2B2B2; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; background:#FFF;}
#feedbackTop6{ width:470px; height:33px; margin:0px;padding:0px; background:url(../images/bg-feedback.png); background-repeat:repeat-x; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}

#hiddenDiv6 p{ position:absolute;width:455px; height:40px; font-size:0.75em; font-weight:bold; padding:0px 0px 5px 15px; margin-top:2px; margin-bottom:2px; margin-right:0px;}
#hiddenDiv6 p span { height:40px;width:100%; }
/*.allFeedback{float:right; margin-right:8px; cursor:pointer;}*/
#feedbackText { /*overflow:auto;*/ /*border:1px solid;*/ height:48px; width:475px; padding:0px; margin-top:2px; }
#scroller { width:98%; }
#leftSlot7{ width:460px; max-height:220px; float:left; margin-left:27px;}
#thisQues7{ width:850px; height:30px; margin-left:100px; padding-top:20px; color:#2D3234; font-size:1em; font-weight:bold; /*overflow:auto;*/ }
#rightSlot7{width:100px; height:150px; float:right; margin-right:100px; margin-top:10px; cursor:pointer; text-align:right; padding-top:10px;}
#rightSlot7Img{width:100px; height:auto; margin:0px;}
#extendImg7{ margin-top:-4px;;}

/*Hita*/
#revealAnsDragDrop{ margin-top:310px; width:188px; height:29px; margin-left:32%; float:left; cursor:pointer;}
#popupDragDrop{ position:absolute; width:430px; height:345px; font-family:arial; z-index:99; cursor:default; display:none;  -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;}

#correctAnsDragDropImg{ position:absolute; margin-top:250px; width:188px; height:29px; left:65%; float:left; cursor:pointer; z-index:1;}
#popupDragDropImg{ position:absolute; width:470px; height:220px; top:120px; font-family:arial; z-index:99; cursor:default; display:none;  -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; background:#fff;}
/*Hita*/


/*ipad portrait*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	/*#textPopUp{ margin-left:-24px;}*/
	/*#popUp6{ left:280px; }*/
}

/*ipad portrait*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/*index.html*/
	
	#outerContentArea2{ margin:auto; width:744px; min-height:725px; padding-top:100px; background:url(../images/ui2-2-mainbg.png) #e3e3e3; background-repeat:no-repeat; background-position:top center; }
	#innerContentArea2{ margin:auto; width:700px; padding-top:10px; }
	#scoreHeader{ width:715px; margin-left:15px; margin-top:-90px; }
	#scoreInnerContentArea2 { margin:auto; margin-left:20px; width:705px; padding-top:10px; }
	#roundCornerImg { margin-right:5px; }
	/*#scoreInnerContentArea2{ width:979px; height:485px; margin-left:5px; clear:both; border:1px solid #b1bdc5; border-top:0px;-webkit-border-bottom-left-radius:1.2em; -moz-border-bottom-left-radius:1.2em; border-bottom-left-radius:1.2em; -webkit-border-bottom-right-radius:1.2em; -moz-border-bottom-right-radius:1.2em; border-bottom-right-radius:1.2em;}*/
/*page1.html*/
	#wrapper{ height:920px;}
	#container{ width:768px; min-height:920px; }
	#headerText{ width:80%; font-size:0.8em; padding-left:10px; padding-top:20px;}
	#homeImg{ margin-left:496px;}
	#scoreImg{ margin-left:558px;}
	#helpImg{ margin-left:620px;}
	#exitImg{ margin-left:682px;}
	#next{ margin-top:-43px; margin-left:690px; }
	#nextLast{ margin-left:700px; top:858px; ; }
	#prev{ margin-top:-43px; margin-left:12px;}
	#barImg{ width:86.69%;}
	#innerContentArea{ width:98.25%; height:740px;}
	#outerContentArea{ height:810px; }
	#textArea{ width:620px; height:340px; padding-top:10px; }
	#bottomBar{ width:725px; top:860px;}
	#hiddenDiv1{ width:600px; height:200px;}
	#feedbackTop1{ width:590px;}
	#hiddenDiv1 p{ width:580px; height:140px; margin-top:10px;}
	.chkText{ max-width:500px;}
	.styled{ border:1px solid;}
	#thisAns { word-wrap:break-word; max-width:500px; margin-left:0px; }

/*page2.html*/
	#thisQues3{ width:600px; height:40px;}
	#imgSlot{ margin:auto; width:450px; height:330px; margin-top:10px; float:inherit; }
	#leftSlot{ width:680px; height:210px; margin-top:350px; float:left; margin-left:25px;}
	#leftSlot p{ width:650px;}
	.option{ margin-top:10px; width:320px; height:36px; float:left; margin-left:10px;}
	#hiddenDiv2 { float:left; margin-top:-330px; margin-left:0px; }
	#hiddenDiv2 p{padding-right:5px; width:99%;}
	/*.feedbackTopText2{margin-top:-5px; color:#ff0000;}*/
	#popupDragDrop{top:225px; left:-323px; }
	#revealAnsDragDrop { top:342px; left:-323px; }
/*page3.html*/
	#thisQues4{ width:600px; height:30px; margin-left:100px; padding-top:20px;}
	#leftSlot4{ float:none; margin:auto; margin-top:20px;}
	#rightSlot4{ float:none; margin:auto; margin-top:20px;}
	#feedbackTop30 {}
	#hiddenDiv30{ left:-130px; top:50px; font-size:1em; visibility:hidden; border:1px solid #B2B2B2;}
	#hiddenDiv30 p{ overflow:auto; margin:auto; font-size:0.75em;}
/*page4.html*/
	#leftSlot5{ width:700px; float:none; margin:auto;}
	#thisQues5{ width:580px; height:auto; margin-left:20px;}
	#chkArea5{ width:400px; margin-left:92px; }

	#rightSlot5{ width:720px; height:225px; float:none; margin-top:50px; }
	#rightSlot5 img { margin-left:5px; }
	.img5{ width:350px; height:200px; float:left;}
	#textPopUp{ width:725px; height:850px; top:50px;}
	#feedbackTop{ width:715px;}
	#leftImg{ margin:0px; float:none; text-align:center; margin-top:5px;}
	#rightImg{ margin:0px; float:none; text-align:center; margin-top:5px;}
	#page5Text{width:670px; height:120px; }
	#closeFeedback{ margin-top:-1px;}
/*page5.html*/
	#thisQues6{ width:630px; height:50px; margin-left:90px; padding-top:20px; color:#2D3234; font-size:16px; overflow:auto;}
	#leftSlot6{ width:350px; height:350px; margin-left:90px; margin-top:10px;}
	#rightSlot6{ width:250px; height:250px; border:1px solid; }
	#rightSlot6Img{ width:250px; height:250px;}
	.optionPage6{ font-size:1.2em; color:#2D3234; }
	.headingBlue{ color:#10B2DE;}
	#leftSlot6 p{ color:#10B2DE; font-style:italic;}
	#submitImg{ width:102px; margin-left:36%; margin-top:7px;}
	#submitImg1{ width:102px; margin-left:36%; margin-top:7px;}
	.resetBtn { margin-right:250px; }
	#hiddenDiv6{ left:-160px; margin-top:180px; }
	/*#hiddenDiv6 p { padding-right:5px; width:99%; }
	#feedbackTop6 { width:590px; }*/
	#popUp6{ top:200px; }
	#feedbackText {height:120px; }
	#correctAnsDragDropImg{ left:35%; }
	#popupDragDropImg { top:320px; left:-350px;}
}

@media only screen 
and (min-width : 800px) 
and (max-width : 1280px) 
and (orientation : landscape) {
	#textPopUp{ height:520px;}
}
/*samsung Tab*/
@media only screen 
and (min-width : 800px) 
and (max-width : 1280px) 
and (orientation : portrait) {
/*index.html*/
	#outerContentArea2{ margin:auto; width:776px; min-height:920px; padding-top:100px; background:url(../images/ui2-2-mainbg.png) #e3e3e3; background-repeat:no-repeat; background-position:top center; }
	#innerContentArea2{ margin:auto; width:700px; padding-top:10px; }
/*page1.html*/
	#wrapper{ height:1120px;}
	#container{ width:800px; height:1120px; clear:both;}
	#headerText{ width:80%; font-size:1.1em; padding-left:10px; padding-top:20px;}
	#homeImg{ margin-left:650px;}
	#scoreImg{ margin-left:65s0px;}
	#exitImg{ margin-left:712px;}
	#next{ margin-left:742px; top:1039px;pointer-events: none;}
	#nextLast{ margin-left:742px; top:1039px; ; }
	#prev{ top:1039px;}
	#barImg{ width:87.2%;}
	#innerContentArea{ width:98.25%; height:920px;}
	#outerContentArea{ height:1000px; }
	#textArea{ height:480px; padding-top:10px; }
	#bottomBar{ width:762px; top:1040px;}
	#hiddenDiv1{ width:600px; height:186px;}
/*page2.html*/
	#thisQues3{ width:630px; height:50px;}
	#imgSlot{ margin:auto; width:450px; height:330px; margin-top:10px; float:inherit; }
	#leftSlot{ width:700px; height:310px; margin-top:350px; float:left; margin-left:25px;}
	#leftSlot p{ width:650px;}
	.option{ margin-top:10px; width:320px; height:36px; float:left; margin-left:10px;}
/*page3.html*/
	#thisQues4{ width:620px; height:120px; margin-left:100px; padding-top:20px;}
	#leftSlot4{ float:none; margin:auto; margin-top:20px;}
	#rightSlot4{ float:none; margin:auto; margin-top:20px;}
/*page4.html*/
	#leftSlot5{ width:700px; float:none; margin:auto;}
	#thisQues5{ width:580px; margin-left:20px; }
	#chkArea5{ width:500px; margin-left:92px; }
	#rightSlot5{ width:720px; height:225px; float:none; margin:auto; margin-top:20px;}
	.img5{ width:350px; height:200px; float:left;}
	#textPopUp{ width:725px; height:950px; top:115px; }
	#feedbackTop{ width:715px;}
	#leftImg{ margin:0px; float:none; text-align:center; margin-top:5px;}
	#rightImg{ margin:0px; float:none; text-align:center; margin-top:5px;}
	#page5Text{width:670px; height:180px; }
/*page5.html*/
	#thisQues6{ width:650px; height:50px; margin-left:90px; padding-top:20px; color:#2D3234; font-size:1.2em; overflow:auto;}
	#leftSlot6{ width:350px; height:350px; margin-left:90px; margin-top:10px;}
	#rightSlot6{ width:250px; height:250px; }
	#rightSlot6Img{ width:250px; height:250px;}
	.optionPage6{ font-size:1.2em; color:#2D3234; }
	.headingBlue{ color:#10B2DE;}
	#leftSlot6 p{ color:#10B2DE; font-style:italic;}
	#submitImg1{ width:102px; margin-left:41%; margin-top:7px;}
	#hiddenDiv6{ width:600px; height:200px; margin-top:400px; }
	#hiddenDiv6 p { padding-right:5px; width:99%; }
	#feedbackTop6 { width:590px; }
	#popUp6{ top:200px; left:180px; }

}
/*index page*/

/* gray classes*/
.menurow{ height:54px; width:557px; margin: 0px auto; margin-bottom:13px;}

.graycircle{ width:58px; height:36px; background:url(../images/cicle-gray.png); background-attachment:scroll; background-repeat:no-repeat; float:left; padding-top:18px; /*padding-left:21px;*/color:#356aa0; font-weight:bold; text-align:center;}

.chapterName{ width:200px; height:27px; width:400px; background:url(../images/bg-gray.png); background-repeat:repeat-x; float:left; margin-top:10px; font-family:arial; font-size:13px; font-weight:bold; color:#49461b; padding-top:9px;}
.rcGray{ width:25px; float:left; margin-top:10px;}

/*green classes*/
.menurow2{ height:54px; width:557px; margin: 0px auto; margin-bottom:13px;}
.greencircle{width:64px; height:38px; background:url(../images/circle-green.png); background-attachment:scroll; background-repeat:no-repeat; float:left; padding-top:16px; color:#fff; font-weight:bold; font-size:22px; text-align:center;}
.greenChapterName{ width:200px; height:34px; width:400px; background:url(../images/bg-green.png); background-repeat:repeat-x; float:left; font-family:arial; font-size:13px; font-weight:bold; color:#49461b; padding-top:9px; padding-top:18px;}
.rcGreen{ width:25px; float:left;}


/* gray classes*/
.menurow{ height:54px; width:557px; margin: 0px auto; margin-bottom:13px;}
/*.graycircle{ width:37px; height:36px; background:url(../images/cicle-gray.png); background-attachment:scroll; background-repeat:no-repeat; float:left; padding-top:18px; padding-left:21px;color:#356aa0; font-weight:bold;}*/
.chapterName{ width:200px; height:27px; width:400px; background:url(../images/bg-gray.png); background-repeat:repeat-x; float:left; margin-top:10px; font-family:arial; font-size:13px; font-weight:bold; color:#49461b; padding-top:9px;}
.rcGray{ width:25px; float:left; margin-top:10px;}

/*green classes*/
.menurow2{ height:54px; width:557px; margin: 0px auto; margin-bottom:13px;}
/*.greencircle{width:42px; padding-left:22px; height:38px; background:url(../images/circle-green.png); background-attachment:scroll; background-repeat:no-repeat; float:left; padding-top:16px; color:#fff; font-weight:bold; }*/
.greenChapterName{ height:34px; width:395px; background:url(../images/bg-green.png); background-repeat:repeat-x; float:left; font-family:arial; font-size:13px; font-weight:bold; color:#49461b; padding-top:9px; padding-top:18px;}
.rcGreen{ width:25px; float:left;}

/*legends*/

#legends{ width:200px; margin:0px auto; overflow:auto; margin-top:8px; }
.lStatus{ width:85px; float:left; margin-right:15px;}
.clearBoth{clear:both;}
.mystatus{ width:16px; height:16px; float:left; margin-top:18px; margin-left:5px;}