/* QL standard elements */
a {
	text-decoration:  none;
	
}
a:link {
	text-decoration:  none;
	
}
a:visited {
	text-decoration:  none;
	
}
a:hover {
	text-decoration:  none;
	
}
a:active {
	text-decoration: none;
	
}

.star { 
font-size:0.9em;
color:#C90;
}
.GKn {
	background-color: #69A75D;
	color: #000000;
}
.GKn:hover {
	background-color: #89C77D;
	color: #000000;
}

td.q_list {
	cursor: pointer;
	text-align: left;
	/*overflow: hidden;
	white-space: nowrap;*/
	text-decoration: none;
}
td.q_list:hover {
	text-decoration: none;
	color: #CC0;
}
p.q_list a {
	color: #CCC;
	text-decoration: none;
}
p.q_list a:hover {
	color: #CC0;
}
@media only screen and (max-width: 600px) {
.h600 {
		display: none;
	}
}	
@media only screen and (max-width: 350px) {
.h350 {
		display: none;
	}
}
.mid {
	display:table-cell;
	margin:auto;
	height:80px;
	vertical-align: middle;
}
@media only screen and (max-width: 600px) {
.mid {	
	min-height:40px;
}	
}
.navbar-center {
    margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}


.log_reg {
	outline:none;
	background-color:#CCC;
	margin-bottom:2px;
	width:100%;
	border-radius:8px;
	padding:2px;
}
.vam {
	vertical-align:middle;
	display:inline-block
}
.textS {
padding-top:6px;
font-size:1.5em;
}
@media only screen and (max-width: 500px) {
.textS {	
font-size:0.7em;
}	
}
.cpad {  
text-align:center;
vertical-align:top;
}
.textSize {
font-size:1em;
}
@media only screen and (max-width: 770px) {
.textSize {	
font-size:0.7em;
}	
}
@media only screen and (max-width: 448px) {
.textSize {	
font-size:0.6em;
}	
}
  
@media only screen and (max-width: 407px) {
.textSize {	
font-size:0.5em;
}	
}
.log_reg {
	outline:none;
	background-color:#CCC;
	margin-bottom:2px;
	width:100%;
	border-radius:8px;
	padding:2px;
}
.ip[type=text] {
	margin-top:6px;
	height:26px;
    width: 160px;
	color:#fff;
    box-sizing:border-box;
    border:1px solid #333;
    border-radius: 13px;
    font-size: 14px;
    background-color:#999;
    background-image: url('../img/searchicon.png');
    background-position: 7px;
    background-repeat: no-repeat;
    padding:0px 5px 0px 30px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.ip[type=text]:focus {
	outline:none;
	background-color:#AAA;
    width: 186px;
}

#livesearch {
	z-index:500;
    text-decoration:none;
	padding-right:20px;
	border-radius: 13px;
 	background-color: #343a40;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);	
	}

.navSpacer {
	padding-left:3vw;
}
@media only screen and (max-width: 720px) {
.navSpacer {
  padding-left:0px;
  }	
}

.rbut {
width:90px;
height:90px;
border-radius:50%;
font-size:1.2em;
margin:10px;
-webkit-box-shadow: 10px 10px 14px -6px rgba(0,0,0,0.12);
-moz-box-shadow: 10px 10px 14px -6px rgba(0,0,0,0.12);
box-shadow: 10px 10px 14px -6px rgba(0,0,0,0.12);
}
#starspace {
padding-left:5px;
}
.footStyle {
	display:inline-block;
	cursor:pointer;
	margin:0 4% 20px 4%;
  }
.ad_space_970 {
display:none;
text-align:center;
}
.ad_space_468 {
display:none;
text-align:center;
}
.ad_space_300 {
display:none;
text-align:center;
}

@media only screen and (min-width: 300px) {
.ad_space_300 {
padding-top:10px;
display:block;
width:300px;
margin:auto;
}	
}

@media only screen and (min-width: 468px) {
.ad_space_468 {
display:block;
padding-top:10px;
width:468px;
margin:auto;
}
.ad_space_300 {
display:none;
}	
}

@media only screen and (min-width: 970px) {
.ad_space_970 {
display:block;
padding-top:10px;
width:970px;
margin:auto;
}	
.ad_space_300 {
display:none;
}
.ad_space_468 {
display:none;
}
}
.cat_cell {
	text-align: center;
	cursor: pointer;
	padding: 1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	width: 98px;
	height: 120px;
	
	z-index: 5;
	float: left;
	margin: 3px;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
}
.cat_cell:hover {
	border-color: rgb(102,102,102);
	-webkit-box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.75);
	position:relative;
	-webkit-animation:animategrow 0.7s;
	animation:animategrow 0.7s
	}
	/*
@-webkit-keyframes animategrow{from{height:90px;width:90px;opacity:0;} to {height:104px;widthpx:114;opacity:1;}}
@keyframes animategrow{from{height:90px;width:90px;opacity:0;} to {height:104px;width:114px;opacity:1;}}

*/img.q {
	margin-top: 10px;
	border-radius: 10px;
}
img.q:hover {
	border-radius: 10px;
}
.catDisplay {
	width:100%;
	/*margin:auto;*/
}
  /*@media screen and (min-width:1100px) {
.catDisplay {
  width:930px;  The width is 500px, when the viewport is 930px or smaller 
  }
  .cat_cell {
	width: 13%;
	height: 32%px;
}
}*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
@media only screen and (max-width: 500px) {
	#qinfo1, #qinfo2, #qinfo3, #qinfo4, #gqinfo1, #gqinfo2, #gqinfo3, #gqinfo4 {
	float:left;
	height:150px;
	margin:0px;
}
}
#qinfo1:hover, #qinfo2:hover, #qinfo3:hover, #qinfo4:hover, #gqinfo1:hover, #gqinfo2:hover, #gqinfo3:hover, #gqinfo4:hover {		
	opacity: 0.9;
}
.ratings_div {
	margin-top:20px;
	text-align:left;
	position:relative;
	display:inline-block;
}
.latest_div {
	margin-top:20px;
	position:relative;
	display:inline-block;
}
.quizlist {
	font-size:0.5em;
	display:inline-block;
	background:#ccc;
	margin:2px;
	min-height:30px;
	width:100%;
	border-radius:10px;
	cursor:pointer;
}
.quizlist:hover {
	/*nav-left:current;*/
	background:#bbb;
}
.RatingContent { 
  height:200px;
  display: block;
  width:100%;
  overflow-y: scroll;
}
  .qlStars {
	color: #C59B09;
	font-size: 2.8em;
	cursor: pointer;
}
.qB {
padding:10px;
margin-bottom:5px;
border: 1px solid #555;
background-color: #CCCCCC;
text-align: center;
-moz-border-radius: 10px;	
border-radius: 10px;
}
.scoreDisplay {
	padding:5px;
	width:100%;
}
.tCell {
	text-align:center;
	color:#000;
	font-size:0.8em;
}
.tCellb {
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
}
.imgScale {
  display: block;
  height: auto;
  max-width: 100%;
  margin:10px;
}
.qName {
	text-align:center;
	font-family: 'Arial';
	font-size:4vw;
	color: #555;
}
@media only screen and (min-width: 520px)  {
	.qName {
		font-size:1.4em;
		}		
}
.qBy {
font-size:1.4vw;
}
@media only screen and (min-width: 520px)  {
	.qBy {
		font-size:0.8em;
		}
}
#bar {
	height: 4px;
	width: 100%;
	margin-top:2px;
	background-color:#128412;
	border-radius: 2px;
	color: #128412;
}
.vam {
	vertical-align:middle;
	margin:10px;
	display:inline-block;
	/*float:right;*/
}
.oCell {
	height:90px;
	width:100%;
	vertical-align:middle;
	}
.opt {
	border: 2px solid #886;
    border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 5px;
	text-align:center;
	height:90px;
	position:relative;
	width:50%;
	vertical-align:middle;
	background-color:#FFC;
	cursor:pointer;	
}
@media only screen and (min-width: 600px) {
.opt {	
	height:145px;
	font-size:1.1em;
}	
}

.questionText {
border: 1px solid #555;
background-color:#CCCCCC;
border-radius: 0px 0px 10px 10px;
text-align:center;
-moz-border-radius: 15px;
margin-top:2px;	
}
@media only screen and (min-width: 520px)  {
.questionText {
		font-size:1.3em;
		padding:5px;
		}		
		
}
.tick {
	position:absolute;
	visibility:hidden;
	top:-30px;
	width:90%;
	height:1px;
	opacity: 0.7;
	font-size:4.5em;
	text-align: right;
	color: #090;
}
.cross {
	position:absolute;
	visibility:hidden;
	top:-30px;
	width:90%;
	height:1px;
	opacity: 0.7;
	font-size:4.5em;
	text-align: right;
	color: #F00;
}
.correct {
	background-color:#afa;
}	
.wrong {
	background-color: #FDCBC8;
}
#nquestion {
		width:100%;
}
.middle {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  transform: translate(-50%, -50%);	
}
#optionsTable {
	background-image:url('../img/0bg.gif');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.contactFormBox {
	font-family:Arial, Helvetica, sans-serif;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:3px;
    color:#555;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	outline:none;
}
.contactFormBox:focus {
    border:1px solid #97d6eb;
	outline:none;
}
.Arts {
	background-color: #D5EC90;
	color: #000000;
}
.Business {
	background-color: #C9DAFB;
	color: #000000;
}
.Chemistry {
	background-color: #FFE7FF;
	color: #000000;
}
.Culture {
	background-color: #FCDDC4;
	color: #000000;
}
.Entertainment {
	background-color: #FFFFC0;
	color: #000000;
}
.Geography {
	background-color: #FFFFFF;
	color: #000000;
}
.History {
	background-color: #B6DDE8;
	color: #000000;
}
.Kids {
	background-color: #FCD5B4;
	color: #000000;
}
.Language {
	background-color: #D0E2F4;
	color: #000000;
}
.Latest, .Popular, .Alphabetical, .Rated, .Random, .Search, .Picture { /* cat used by lpc.php */
	color: #000000;
}
.Leisure {
	background-color: #FED77A;
	color: #000000;
}
.Literature {
	background-color: #FF836F;
	color: #000000;
}
.Mathematics {
	background-color: #BBFFA3;
	color: #000000;
}
.Music {
	background-color: #7AACFE;
	color: #000000;
}
.Nature {
	background-color: #00FFFF;
	color: #000000;
}
.New {
	background-color: #89D1F3;
	color: #000000;
}
.Physics {
	background-color: #9FFFD3;
	color: #000000;
}
.Politics {
	background-color: #D4C2FE;
	color: #000000;
}
.Religion {
	background-color: #FEC1FF;
	color: #000000;
}
.Science {
	background-color: #99FF66;
	color: #000000;
}
.Space {
	background-color: #9FBAFF;
	color: #000000;
}
.Sport {
	background-color: #FFFF66;
	color: #000000;
}
.Technology {
	background-color: #F4D29C;
	color: #000000;
}
.navbar-dark .navbar-nav .nav-link {
   	color: #CBCBCB;
}
.btn-primary {
	background-color:#3443EB;
}