@charset "UTF-8";
/*page-layout divs*/
img, object, embed, video {max-width: 100%}
.ie6 img {width: 100%}
/*** Mobile Layout: 480px and below. ***/
.gridContainer {margin-left: auto;margin-right: auto;width: 92.36%;padding-left: 1.82%;padding-right: 1.82%}
#header,#gqlogo,#footer,#searchSec,#cssmenu,.sectitle {clear:both; float:left; margin-left:0; width:100%; display:block}
img.secpic {clear:none; float:right; border-style:none; margin: 1em}
#home.section {margin-bottom:0}
.col1,.col3,.col25,.col25br {clear:both; float:left; margin-left:2%; width:95.5%;margin-bottom:1em;padding:0 0 .5em 0; display:block}
#twittershare,.fb-share-button {float:right; clear:none; margin:1em}
/*Index Layout*/
#col50,.col50{clear:both; float:left; margin:0; width:98%;padding-top:.5em; margin-bottom:1em; display:block}
#col50clr,.col50clr {clear:both; float:left; margin:0; width:98%;padding-top:.5em; margin-bottom:1em; display:block}
.fb-page {margin-left: 1em}
/*Sum Layout*/
.section, #secSum, #grammar {clear:both; float:left;margin-left:0; width:100%; display:block}
.sumcontent {clear:both; float:left;margin-left:0; width:100%; display:block}
.focus, .summary, .focusleft,.focusright,.readblock {clear:both; float:left; margin-left:1.5%; width:96.5%; display:block}
/*.readblock {width:99%; display:block; margin: 0; padding: 0}*/
.columnright, .columnleft {clear:both; float:left;margin-left:1.5%; width:96.5%; display:block; margin-top:0;margin-bottom:2em}
.readblock .columnright, .readblock .columnleft {margin-bottom:0}
/*pop Ques*/
.section .focus .columnleft,.section .focus .columnright {clear:both; float:left;margin-left:1.5%; width:96.5%; display:block}
.gridContainer.clearfix #home .col50  .columnright,.gridContainer.clearfix #home .col50  .columnleft {clear: both; width:97%}
.focus .columnright img {clear:both;float:right;margin-left:2em;margin-right:0}
.focus .columnright p {padding-left:.8em;padding-right:1em;margin-left:0;text-align:inherit }
/*pop Ques End*/
.summary {clear:both; float:left;margin-left:2%; width:96%; display:block}
.sumlinks{clear:both; float:left; margin-left:0; width:71.1666%; display:block}
.sumimg{clear:none; float:left; margin-left:.5em; /*width:23.6666%;*/width:95px; display:block}
.sumegs{clear:both; float:left; margin-left:0; width:100%; display:block}
.imgbox {clear:none;float:right; margin:0 1.5em 0 0;width:auto; display:block}
/*page layout*/
.readblock, .practice,.columnnote,.columnnote2 {clear:both; float:left; margin-left:0; margin-bottom:1em; width:99%; display:block}
.tblleft, #quizQues, .quizques {clear:both; float:left; margin-left:.8em; width:96.5%; display:block}
.tblright {clear:none; float:left; margin-left:.8em; width:96.5%; display:block}
#resetSec, .resetsec{clear:none; float:left; margin-left:66.6666%; width:16.6666%; display:block}
#editBox, .editbox, .selectmulti{clear:both; float:left; margin-left:2.6949%; width:96.5254%; display:block}
#sentErr, .senterr{clear:none; float:left; margin-left:2.6949%; width:96.5254%; display:block}
#feedbkEdit, .feedbkedit{clear:both; float:left;margin-left:2.6949%; width:96.5254%; display:block}
#buttonEdit, .buttonedit{clear:both; float:left; margin-left:0; width:16.6666%; display:block}
.multiselect,.multianswer{clear:both; float:left; margin-left:0; width:99%; display:block}
#multiComment, .multicomment{clear:both; float:left; margin-left:0; width:100%; display:block}
#numSec, .numsec{clear:both; float:left; margin-left:0; width:16.6666%; display:block}
#resPonse, .response {clear:both; float:left; margin-left:0; width:96.5%; padding-left: 1em; display:block}
#buttonSec, .buttonsec{clear:both; float:left; margin-left:0; width:16.6666%; display:block}
#feedbkInput, .feedbkinput{clear:both; float:left; margin-left:0; width:96.5%; padding-left: .8em; display:block}
#imgBox.imgbox {clear:none;float:right; margin:0 1.5em 0 0;width:auto; display:block}
#respA, .respa{clear:none; float:left; margin-left:4.1666%; width:79.1666%; display:block}
#respB, .respb{clear:none; float:left; margin-left:4.1666%; width:79.1666%; display:block}
#radioA, .radioa{clear:both; float:left; margin-left:0; width:16.6666%; display:block}
#radioB, .radiob{clear:both; float:left; margin-left:0; width:16.6666%; display:block}
#queS, .ques{clear:none; float:left; margin-left:4.1666%; width:79.1666%; display:block}
#pic, .pic{clear:none; float:left; margin-left:0; width:25%; display:block}
#picbr{clear:both; float:left; margin-left:0; width:25%; display:block}
#popqQues{clear:both; float:left; margin-left:0; width:100%; display:block}
#popqSent{clear:none; float:left; margin-left:0%; width:95%; display:block}
#divOpt, .divopt{clear:both; float:left; margin-left:0;margin-bottom:1em; width:100%; display:block}
#divFeedbk, .divfeedbk{clear:both; float:left; margin-left:0;margin-bottom:1em; width:100%; display:block}
#columnGlos{clear:both; float:left; margin-left:0; margin-top:1em;width:100%; display:block}
#columnLinks{clear:both; float:left; margin-left:0; margin-top:1em; width:100%; display:block}
#cardPile,#cardSlots {width: 98%;height:16em;padding: .02em 0 0 .5em;margin: 1em auto}
@media only screen and (min-width:481px) 
{
#gqlogo {clear:both; float:left; margin-left:0; width:66.57%; display:block}
#searchSec{clear:none; float:left; margin-top: 1.5em; width:33.42%; display:block}
img.secpic {clear:none; float:right; border-style:none; margin:-3em 1em 1em 1em}
#col1,.col1 {clear:both; float:left; margin-left:1.5%; width:31.25%; display:block}
#col3,.col3 {clear:none; float:left; margin-left:1%; width:31.25%; display:block}
.col25{clear:none; float:left; margin-left:1%;margin-bottom:1em;padding:.5em 0 1em 0; width:46%; display:block}
.col25br{clear:both; float:left; margin-left:1%;margin-bottom:1em;padding:.5em 0 1em 0; width:46%; display:block}
/*Index Layout*/
#col50,.col50{clear:both; float:left; margin-left:1.5%; width:96.5%;margin-bottom:1em; display:block}
#col50clr,.col50clr {clear:both; float:left;margin-left:1.5%; width:96.5%;margin-bottom:1em; display:block}
/*sum layout*/ 
.columnleft, .tblleft , .focusleft {clear:both; float:left; margin-left:1%; width:49%; display:block}
.columnright, .tblright, .focusright {clear:none; float:left; margin-left:1%; width:49%; display:block}
.readblock .columnleft, .readblock .columnright { margin-bottom: 0}
/*pop Ques*/
.focus .columnleft {clear:both; float:left; margin-left:2%; width:47.5%; display:block}
.focus .columnright {clear:none; float:left; margin-left:2%; width:47.5%; display:block}
.focus .columnright img {clear:both;float:right;margin-left:0; margin-right:1em}
.focus .columnright p {padding-left:0;padding-right:3em;margin-left:0;text-align:inherit }
/*pop Ques End*/
.sumlinks{clear:both; float:left; margin-left:0; width:35.8974%; display:block}
.sumimg{clear:none; float:left; margin-left:2.5641%; /*width:23.0769%;*/width:102px; display:block}
.sumegs{clear:none; float:left; margin-left:2.5641%; width:35.8974%; display:block}
/*page layout*/
.columnnote{clear:both; float:left; margin-left:0; width:48.7179%; display:block}
.columnnote2{clear:none; float:left; margin-left:2.5641%; width:48.7179%; display:block}
#resetSec, .resetsec{clear:none; float:left; margin-left:79.4871%; width:10.2564%; display:block}
/*#quizQues, .quizques{clear:both; float:left; margin-left:0; width:100%; display:block}*/
#editBox, .editbox, .selectmulti{clear:both; float:left; margin-left:1.6949%; width:96.5254%; display:block}
#sentErr, .senterr{clear:both; float:left; margin-left:1.6949%; width:96.5254%; display:block}
#feedbkEdit, .feedbkedit{clear:both; float:left; margin-left:1.6949%; width:96.5254%; display:block}
#buttonEdit, .buttonedit{clear:both; float:left; margin-left:0; width:10.2564%; display:block}
#multiSelect, .multiselect{clear:none; float:left; margin-left:2.5641%; width:86.1794%; display:block}
#multiAnswer, .multianswer{clear:none; float:left; margin-left:12.8205%; width:86.1794%; display:block}
#multiComment, .multicomment{clear:both; float:left; margin-left:12.8205%; width:87.1794%; display:block}
#numSec, .numsec{clear:both; float:left; margin-left:0; width:8.6135%; display:block}
#resPonse, .response{clear:none; float:left; margin-left:0; width:42%; display:block}
#buttonSec, .buttonsec{clear:both; float:left; margin-left:1%; width:10.2564%; display:block}
#feedbkInput, .feedbkinput{clear:none; float:left; margin-left:1.5641%; width:42%; display:block}
#respA, .respa{clear:none; float:left; margin-left:2.5641%; width:87.1794%; display:block}
#respB, .respb{clear:none; float:left; margin-left:2.5641%; width:87.1794%; display:block}
#radioA, .radioa{clear:both; float:left; margin-left:0; width:10.2564%; display:block}
#radioB, .radiob{clear:both; float:left; margin-left:0; width:10.2564%; display:block}
#queS, .ques{clear:none; float:left; margin-left:2.5641%; width:87.1794%; display:block}
#pic, .pic{clear:none; float:left; margin-left:0; width:12.5%; display:block}
#picbr{clear:none; float:left; margin-left:0; width:12.5%; display:block}
#popqQues{clear:both; float:left; margin-left:0; margin-left:0; width:48.7179%; display:block}
#popqSent{clear:none; float:left; margin-left:0; width:96%; display:block}
#divOpt, .divopt{clear:both; float:left; margin-left:0;margin-bottom:1em; width:48.7179%; display:block}
#divFeedbk, .divfeedbk{clear:none; float:left; margin-left:2.5641%;margin-bottom:1em; width:48.7179%; display:block}
#columnGlos{clear:both; float:left; margin-left:0; width:48.7179%; display:block}
#columnLinks{clear:none; float:left; margin-left:2.5641%; width:48.7179%; display:block}

}

 @media only screen and (min-width:769px) {
#gqlogo {clear:both; float:left; margin-left:0; width:60.5762%; display:block}
#searchSec{clear:none; float:left; margin: 1.5em 0 0 0; width:35.7288%;display:block}
/*Index Layout*/
#col50, .col50 {clear:none; float:left; margin-left:1.25%; width:47.4%; display:block}
#col50clr,.col50clr {clear:none; float:left; margin:0 0 0 1.25%; width:47.4%; display:block}
.col25 {clear:none; float:left; margin-left:1.25%;margin-bottom:1em;padding:.5em 0 1em 0;width:23%; display:block}
.col25br{clear:none; float:left; margin-left:1.25%;margin-bottom:1em;padding:.5em 0 1em 0; width:23%; display:block}
/*sum layout*/
.columnleft, .tblleft, .focusleft,  .readblock .columnleft {clear:both; float:left; margin-left:1%; width:48%; display:block}
.columnright, .tblright,.focusright, .readblock .columnright {clear:none; float:left; margin-left:2%; width:48%; display:block}
.readblock .columnleft, .readblock .columnright {clear:none; margin-bottom: 0}
/*pop Ques*/
.section .focus .columnright img {clear:none;float:right;margin-left:.8em; margin-right:0}
.section .focus .columnright p {padding-left:0;padding-right:3em;margin-left:0;text-align:inherit }
.section .focus .columnleft {clear:both; float:left; margin-left:2%; width:48%; display:block}
.section .focus .columnright {clear:none; float:left; margin-left:2%; width:47%; display:block}
/*pop Ques End*/
.sumlinks{clear:both; float:left; margin-left:0; width:43.6779%; display:block}
.sumimg{clear:none; float:left; margin-left:1.6949%; /*width:15.2542%;*/width:102px; display:block}
.sumegs{clear:none; float:left; margin-left:1.6949%; width:43.6779%; display:block}
/*page layout*/
.columnnote{clear:both; float:left; margin-left:0; width:49.1525%; display:block}
.columnnote2{ clear:none;  float:left;  margin-left:1.1949%;  width:49.1525%;  display:block}
#resetSec, .resetsec{clear:none; float:left; margin-left:85.4406%; width:6.7796%; display:block}
/*#quizQues, .quizques{clear:both; float:left; margin-left:0; width:98%; display:block}*/
#editBox, .editbox, .selectmulti{clear:both; float:left; margin-left:1.6949%; width:48%; display:block}
#sentErr, .senterr{clear:none; float:left; margin-left:1.6949%; width:96.5254%; display:block}
#feedbkEdit, .feedbkedit{clear:none; float:left; margin-left:1.6949%; width:48%; display:block}
#buttonEdit, .buttonedit{clear:both; float:left; margin-left:0; width:6.7796%; display:block}
#multiSelect, .multiselect{clear:none; float:left; margin-left:1.6949%; width:90.0%; display:block}
#multiAnswer, .multianswer{clear:both; float:left; margin-left:8.4745%; width:90.0%; display:block}
#multiComment, .multicomment{clear:both; float:left; margin-left:8.4745%; width:91.5254%; display:block}
#numSec, .numsec{clear:both; float:left; margin-left:0; width:5.5796%; display:block}
#resPonse, .response{clear:none; float:left; margin-left:1.6949%; width:46.1525%; display:block}
#buttonSec, .buttonsec{clear:both; float:left; margin-left:1%; width:6.7796%; display:block}
#feedbkInput, .feedbkinput{clear:none; float:left; margin-left:1.6949%; width:39.6779%; display:block}
#respA, .respa{ clear:none;  float:left;  margin-left:1.6949%;  width:40.6779%;  display:block}
#respB, .respb{ clear:none;  float:left;  margin-left:1.6949%;  width:40.6779%;  display:block}
#radioA, .radioa{ clear:both;  float:left;  margin-left:0;  width:6.7796%;  display:block}
#radioB, .radiob{ clear:none;  float:left;  margin-left:1.6949%;  width:6.7796%;  display:block}
#queS, .ques{ clear:none;  float:left;  margin-left:1.6949%;  width:91.5254%;  display:block}
#pic, .pic{ clear:none;  float:left;  margin-left:0;  width:12.5%;  display:block}
#picbr{ clear:none;  float:left;  margin-left:0;  width:12.5%;  display:block}
#popqQues{clear:both; float:left; margin-left:0; width:49.1525%; display:block}
#popqSent{clear:none; float:left; margin-left:0; width:49.1525%; display:block}
#divOpt, .divopt{clear:both; float:left; margin-left:0;margin-bottom:1em; width:49.1525%; display:block}
#divFeedbk, .divfeedbk{clear:none; float:left; margin-left:1.6949%;margin-bottom:1em; width:49.1525%; display:block}
#columnGlos{clear:both; float:left; margin-left:0; width:49.1525%; display:block}
#columnLinks{clear:none; float:left; margin-left:1.6949%; width:49.1525%; display:block}
#cardPile,#cardSlots {width: 98%;/*height: 22em;*/height:8.2em;padding: .02em 0 0 .5em;margin: 1em auto}
}