body,html { font-family: Verdana, Geneva, sans-serif; font-size: 10pt; background-color: #000000; text-align: center; height: 99%;}
#screen-home { position: relative; width: 970px; height: 640px; text-align: left; background-image:url("https://www.actionquiz.com/i/home-back.jpg"); background-repeat: no-repeat; border: solid 0px #cccccc; margin-left: auto; margin-right: auto; z-index: 1; clear: both;}
#content { position: absolute; border: solid 0px white; width: 970px; height: 640px; } 
#audience { position: absolute; border: solid 0px white; width: 970px; height: 640px; background-image:url("https://www.actionquiz.com/i/audience-back.jpg"); background-repeat: no-repeat; }
#floater { float: left; height: 50%; width: 100%; margin-bottom: -320px; border: solid 0px white;}
#logo { position: relative; width: 742px; height: 146px; border: solid 0px white; left: 114px; top: 44px; text-align: center; color: #e3e1eb; font-size: 1.6em; }
#catlogo { position: absolute; width: 170px; height: 100px; left: 5px; top: 5px; border: solid 0px white; text-align: center;} 
#catlogo img { border: 0px;}
#catidlogo { position: absolute; width: 110px; height: 110px; left: 45px; top: 105px; border: solid 0px white; text-align: center;} 
#catidlogo img { border: 0px;}
#leaderadc { position: absolute; width: 728px; height: 90px; left: 190px; top: 545px;}
#leaderadc2 { position: relative; width: 728px; height: 95px; margin-left: auto; margin-right: auto; left: 69px; margin-top: -95px; border: solid 0px red; clear: both; z-index: 5}
#leaderadc3 { position: relative; width: 728px; height: 95px; left: 5px; top: 5px; margin-bottom: 15px; border: solid 0px red; clear: both; z-index: 5}
#bread { position: relative; border:solid 0px white; height: 40px; width: 728px; top: 10px; left: 190px; font-size: 2.3em; color: #e3e1eb;}
#bread a { color: #e3e1eb;}
#menu { position: relative; width: 850px; height: 355px; left: 60px; border: solid 0px grey; top: 55px; text-align: center;}
#menu img { border: 0px; }
.tabs{position:relative;left:0px;top:10px;width:160px;height:170px;margin-left:5px;margin-right:5px;margin-bottom:0px;float:left; border: solid 0px white; overflow:hidden;}
.tabs2 {left:80px;top:0px;}
#menu a { border: solid 0px white; background-image: url("https://www.actionquiz.com/i/sprites.png"); background-repeat: no-repeat; display: block; width: 160px; height: 175px; overflow:hidden; text-align: center; color: #e3e1eb; text-decoration: none; font-size: 1.6em; line-height: 12.5em; text-shadow: 0px 0px 5px #4f428b;}
#menu a:hover { text-shadow: 0px 0px 5px #4f428b;}
a.pop { background-position: -7px 0px; } 		a.pop:hover { background-position: -7px -175px; }
a.mov { background-position: -182px 0px; }	a.mov:hover { background-position: -182px -175px; }
a.geo { background-position: -357px 0px; }	a.geo:hover { background-position: -357px -175px; }
a.sci { background-position: -532px 0px; }	a.sci:hover { background-position: -532px -175px; }
a.com { background-position: -7px -350px; } 		a.com:hover { background-position: -7px -525px; }
a.lit { background-position: -182px -350px; }	a.lit:hover { background-position: -182px -525px; }
a.cla { background-position: -357px -350px; }	a.cla:hover { background-position: -357px -525px; }
a.his { background-position: -707px 0px; }	a.his:hover { background-position: -707px -175px; }
a.mis { background-position: -532px -350px; }	a.mis:hover { background-position: -532px -525px; }
#leaderad { position: absolute; width: 728px; height: 90px; left: 121px; top: 540px;}
#qascreen { position: absolute; left: 185px; top: 5px; width: 600px; height: 450px; background-image:url("https://www.actionquiz.com/i/q-back.png"); background-repeat: no-repeat; text-align: center; visibility:hidden;}
#qabread { position: absolute; width: 540px; left: 30px; top: 5px; text-align: left; border: solid 0px white; height: 20px; font-size: 0.8em; color: #9b9aa1;}
#qabread a { color: #9b9aa1; }
#qabread a:hover { color: #4f428b; }
#qaheader { position: absolute; width: 580px; left: 10px; top: 25px; padding-bottom: 5px; text-align: center; border: solid 0px white; font-size: 1.3em; z-index: 4; line-height: 1.5em; }
#qaattrib { position: absolute; width: 580px; left: 10px; top: 75px; text-align: center; border: solid 0px white; height: 350px;z-index: 3;}
#qaattrib table { width: 580px; height: 350px; border: solid 0px black; font-size: 2em; vertical-align:middle; text-align: center;} 
#qaattrib img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#fooObject { font-size: 1.3em; position: absolute; top: 430px; width: 970px; height: 213px; background-image:url("https://www.actionquiz.com/i/black-overlay2.png"); background-repeat: repeat; border: solid 0px #333333; visibility: hidden; white-space:nowrap; z-index:6;}
#feedback { position: absolute; left: 410px; top: 450px; width: 150px; height: 150px; border: solid 0px white; text-align: center; visibility: hidden; z-index: 7;}
#answer1 { left: 12px; top: 23px; position:absolute;}
#answer2 { left: 497px; top: 23px; position:absolute;}
#answer3 { left: 12px; top: 118px; position:absolute;}
#answer4 { left: 497px; top: 118px; position:absolute;}
#qnr		 { position: absolute; border: solid 0px white; width: 75px; height: 60px; text-align: right; font-size: 2.6em; color: #e3e1eb; left: 5px; top: 3px;  line-height: 0.8em;}
#points  { position: absolute; border: solid 0px white; width: 100px; height: 60px; text-align: right; font-size: 2.6em; color: #e3e1eb; left: 80px; top: 3px; line-height: 0.8em;}
#totalpoints  { position: absolute; border: solid 0px white; width: 150px; height: 60px; text-align: right; font-size: 2.6em; color: #e3e1eb; left: 795px; top: 3px;  line-height: 0.8em;}
span.smaller { font-size: 0.35em; vertical-align:top;}
span.smaller2 { font-size: 0.35em; vertical-align:baseline;}
#tom { position: absolute; left: 60px; top: 420px; border: solid 0px white; width: 132px; height: 223px; text-align: center;}
#aqdesk { position: absolute; width: 100px; height: 60px; top: 118px; left: 14px; border: solid 0px blue;}
#aqlogo { position: absolute; width: 100px; height: 60px; top: 10px; right: 34px; border: solid 0px blue;}
#aqdesk img { border: none; }
#aqlogo img { border: none; }
#players { font-size: 1em; position: absolute; width: 550px; left: 420px; top: 420px; height: 223px; border: solid 0px white; text-align: center;margin: 0px; z-index: 5; }
#player1 { position: relative; border: solid 0px #cccccc; float: left; width: 132px; margin: 0px; padding: 0px; auto;}
#player2 { position: relative; border: solid 0px #cccccc; float: left; width: 132px; margin: 0px; padding: 0px; auto;}
#player3 { position: relative; border: solid 0px #cccccc; float: left; width: 132px; margin: 0px; padding: 0px; auto;}
#player4 { position: relative; border: solid 0px #cccccc; float: left; width: 132px; margin: 0px; padding: 0px; auto;}
#fooObject td { border: solid 0px red; white-space:normal; line-height: 1em;}
.Size1 { font-size: 1.8em;}
.Size2 { font-size: 1.7em;}
.Size3 { font-size: 1.6em;}
.Size4 { font-size: 1.5em;}
.Size5 { font-size: 1.4em;}
.Size6 { font-size: 1.3em;}
.Size7 { font-size: 1.2em;}
.Size8 { font-size: 1.1em;}
div.pn { position: absolute; top: 107px; left: 0px; margin-left: 5px; width: 120px; height: 25px; z-index: 3; border: solid 0px white; text-align: center; }
#players input.names { text-align: center; width: 110px; background-color: #e3e1eb; border: none; font-size: 1.2em; -moz-border-radius: 8px; border-radius: 8px;}
#players input.scores { text-align: center; width: 115px; height: 40px; margin-top: 10px; background-color: #000000; border: solid 0px #cccccc; font-size: 2.3em; color: #cdcbd6;}
#players img, #tom img { border: solid 0px white; margin: 0px; padding: 0px; vertical-align: middle;}

td { text-align: center; }
a.answ { color: #4f428B; text-decoration: none; width: 460px; height: 65px; float: left; cursor: pointer; text-align: center; -moz-border-radius: 20px; border-radius: 20px; }
a.fancybuttons { border: solid 0px transparent; background-image:url("https://www.actionquiz.com/i/button-back.png"); background-repeat: repeat; /*gradients for all those browsers. Come on people, let's agree on 1 standard :) */ background-image: -ms-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: -moz-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: -o-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #e3e1eb), color-stop(1, #cdcbd6)); background-image: -webkit-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: linear-gradient(to bottom, #e3e1eb 50%, #cdcbd6 100%); opacity:0.9; filter:alpha(opacity=90); /*shadows*/ -moz-box-shadow:    1px 1px 2px 2px #4f428b; -webkit-box-shadow: 1px 1px 2px 2px #4f428b; box-shadow: 1px 1px 1px 1px #4f428b; }
a.fancybuttons:hover { color: #0000ff; background-image:url("https://www.actionquiz.com/i/button-back-over.png"); border: solid 0px transparent; background-repeat: repeat; /*gradients for all those browsers. Come on people, let's agree on 1 standard :) */ background-image: -ms-linear-gradient(top, #ffffff 0%, #e3e1eb 50%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e3e1eb 50%);  background-image: -o-linear-gradient(top, #ffffff 0%, #e3e1eb 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #e3e1eb)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e3e1eb 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #e3e1eb 50%); opacity:0.9; filter:alpha(opacity=90); /*shadows*/ -moz-box-shadow:    1px 1px 2px 2px #4f428b; -webkit-box-shadow: 1px 1px 2px 2px #4f428b; box-shadow: 1px 1px 1px 1px #4f428b; color: #0000ff; }
a.answ table { width: 460px; height: 65px; color: #3333ff; padding: 0px 3px 0px 3px;} 
a.answ:hover table { color: #0000ff;}
a.answc, a.answc:hover { opacity:1; filter:alpha(opacity=100); color: #4f428b; text-decoration: none; cursor: default; width: 460px; height: 65px; float: left; border: solid 0px transparent; background-image:url("https://www.actionquiz.com/i/button-back.png"); background-repeat: repeat; text-align: center; -moz-border-radius: 20px; border-radius: 20px;}
a.answc table { width: 460px; height: 65px; color: #000000; padding: 0px 3px 0px 3px;}
a.answw, a.answw:hover { opacity:1; filter:alpha(opacity=100); color: #7b7a80; text-decoration: none; cursor: default; width: 460px; height: 65px; float: left; border: solid 0px transparent; background-image:url("https://www.actionquiz.com/i/button-wrong.png"); background-repeat: repeat; text-align: center; -moz-border-radius: 20px; border-radius: 20px;}
a.answw table { width: 460px; height: 65px; color: #7b7a80; padding: 0px 3px 0px 3px;}
#bls div { position: absolute; height: 110px; width: 75px; visibility: hidden; z-index: 5;}
#cat-title { position: relative; border:solid 0px white; height: 100px; width: 790px; top: 10px; left: 187px; font-size: 5em; color: #e3e1eb;}
#cat-title.qcat { font-size: 3.5em; top: 8px; }
#cat-title.qcat2 { font-size: 3.1em; top: 28px; word-spacing: -6px;}
#cats { position: relative; border:solid 0px white; width: 770px; margin-top: 10px; left: 190px; font-size: 2em; color: #e3e1eb;}
#cats a { opacity:1; filter:alpha(opacity=100); color: #3333ff; text-decoration: none; width: 354px; height: 59px; margin-bottom: 17px; margin-right: 16px; float: left; font-size: 1.6em; line-height: 1.3em; border: solid 0px transparent; cursor: pointer; text-align: center; -moz-border-radius: 20px; border-radius: 20px; }
/*#cats a:visited { color: #9b9aa1;}*/
#cats a:hover { color: #0000ff; }
#ncats { position: relative; border:solid 0px white; width: 775px; margin-top: 8px; left: 188px; color: #e3e1eb;}
#ncats div.outer { border: solid 0px red; width: 240px; height: 60px; text-align: center; float: left; border: solid 2px transparent; margin-right: 3px;}
#ncats div.outer a { opacity:1; filter:alpha(opacity=100); margin: 0px 5px 0px 0px; font-size: 1.6em; line-height: 0.9em; color: #3333ff; cursor: pointer; float: left; text-align: center; -moz-border-radius: 18px; border-radius: 18px; text-decoration: none;}
#ncats div.outer a:visited { color: #4f428b; }
#ncats div.outer a:hover { color: #0000ff;}
#ncats div.inner { padding: 0px 8px 0px 8px;  border: solid 0px red; vertical-align: middle; display: table-cell; height: 50px; width: 230px;}
br.clearme { clear: both; }
#qdesc { position: relative; border:solid 0px white; width: 745px; height: 50px; margin-top: 2px; left: 190px; color: #e3e1eb; font-size: 1.5em; line-height: 1em;}
#qcats { position: relative; border:solid 0px white; width: 745px; margin-top: 0px; left: 180px; color: #e3e1eb;}
#playergallery { position: relative; width: 728px; height: 200px; margin-left: 10px; margin-top: 0px; border: solid 0px white; float: left; text-align: center;}
#playergallery div.pl { width: 140px; height: 200px; margin-top: 30px; border: solid 0px white; float: left; background-image:url("https://www.actionquiz.com/i/photo-frame.png"); background-repeat: no-repeat; background-position: 20px 3px; }
#playergallery div p { margin: 0px; padding: 0px; margin-top: 5px; font-size: 1.7em;}
#playergallery div.vs { width: 140px; height: 200px; margin-top: 20px; font-size: 3em; line-height: 4.8em; float: left;}
#youtop { position: absolute; border: solid 0px white; height: 30px; width: 100px; font-size: 1.5em; left: 20px;}
#yourtop { position: absolute; border: solid 0px white; height: 30px; width: 380px; font-size: 1.5em; left: 300px;}
#playbutton { position: absolute; border:solid 0px white; margin-top: 240px; left: 172px; color: #e3e1eb; font-size: 4em; }
#playbutton a				{ opacity:1; filter:alpha(opacity=100); color: #3333ff; text-decoration: none; width: 350px; height: 70px; float: left; border: solid 0px transparent; cursor: pointer; text-align: center; -moz-border-radius: 30px; border-radius: 30px;  }
#playbutton a:hover	{ color: #0000ff;  }

#kframehead { position: relative; width: 710px; height: 50px; border: solid 0px black; font-size: 20pt; text-align: center; line-height: 1.8em; color: #000000;}
#kframe { position: relative; width: 710px; height: 255px; border: solid 0px black; color: #000000;}
#males { position: relative; width: 250px; height: 250px; left: 13px; top: 0px; float: left; border: solid 0px blue;}
#avatarloc  { position: relative; width: 200px; height: 150px; left: 13px; top: 100px; text-align: center; float: left;border: solid 0px blue;}
#avatarloc img { vertical-align: bottom; }
#females { position: relative; width: 250px; height: 250px; left: 13px; top: 0px; float: left; border: solid 0px blue;}
#noted { position: relative; float: left; margin-top: 10px; width: 625px; height: 35px; font-size: 8pt; border: solid 0px black; line-height: 3em; text-align: center;} 
.avbutton { color: #4f428b; opacity:1; filter:alpha(opacity=100); width: 70px; height: 30px; text-align: center; line-height: 1.5em; font-size: 20px; border: solid 2px transparent; text-decoration: none; float: left; border: solid 0px transparent; cursor: pointer; -moz-border-radius: 15px; border-radius: 15px; }
#editbutton { float: left; margin-left: 36px; margin-top: 0px;  } 
#savebutton { float: right; right: 10px; margin-top: 10px; border: solid 0px white;} 
#kader { position: absolute; width: 50px; height: 50px; margin-left: 13px; top: 0px; z-index: 5;}
#kframe img { border: 0px;} 
.nameinput { font-size: 1.5em; width: 180px; text-align: center;}
.small { font-size: 0.7em;}
#cinema { position: absolute; width: 728px; height: 350px; left: 10px; top: 0px; display: none; z-index: 5; background-color: #9b9aa1; -moz-border-radius: 20px; border-radius: 20px; border: solid 0px black; }
#youwin { position: absolute; width: 500px; height: 200px; left: 40px; top: 100px; border: solid 0px red; text-align: center; color: #000000; font-size: 7em;}
#button-again { position: absolute; left: 100px; top: 60px; visibility:hidden;}
#button-share { position: absolute; left: 385px; top: 60px; visibility:hidden;}
#button-done	{ position: absolute; left: 670px; top: 60px; visibility:hidden;}
.endbuttons a				{ font-size: 3.0em; text-align: center; line-height: 0.4em; color: #3333ff; width: 200px; height: 60px; padding-top: 35px; padding-bottom: 5px; float: left; border: solid 0px transparent; cursor: pointer; -moz-border-radius: 30px; border-radius: 30px; text-decoration: none;}
.endbuttons a:hover	{ color: #0000ff;  }
#button-share a span { font-size: 0.45em; line-height: 0.5em;}
#footer { position: relative; margin-left: auto; margin-right: auto; width: 728px; height: 20px; font-size: 0.8em; text-align: center; border: solid 0px white; color: #4f428b; line-height: 1.7em; clear: both;}
#footer a { text-decoration: none; color: #4f428b;}
#footer a.active { text-decoration: none; color: #9b9aa1;}
#footer a:hover { text-decoration: underline; color: #cdcbd6;}
#social { position: absolute; width: 70px; height: 20px; top: 20px; border: solid 0px yellow; display: inline; left: 860px;}
#footer.ncat { clear: both; }
table.contactform { border-collapse:collapse; border-width: none; margin-top: 8px;}
.contactform td { color: #e3e1eb; text-align: left; padding: 3px; }
.contactform td.other { width: 100px; padding-top: 8px;}
.contactform td.other2 { width: 100px; padding-top: 0px;}
.contactform input { width: 350px; font-size: 1em; font-family: Verdana, Geneva, sans-serif; -moz-border-radius: 10px; border-radius: 10px; padding: 2px 3px 1px 8px; background-color: #cdcbd6;}
.contactform textarea { font-size: 1em; width: 450px; height: 150px; font-family: Verdana, Geneva, sans-serif; -moz-border-radius: 10px; border-radius: 10px; padding: 2px 3px 1px 8px;background-color: #cdcbd6; -ms-scrollbar-base-color: #9b9aa1;}
input.sendbutton { width: 85px; height: 35px; padding: 0px 0px 0px 0px; text-align: center; -moz-border-radius: 20px; border-radius: 20px; border: solid 0px transparent; background-image:url("https://www.actionquiz.com/i/button-back.png"); background-repeat: repeat; /*gradients for all those browsers. Come on people, let's agree on 1 standard :) */ background-image: -ms-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: -moz-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: -o-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #e3e1eb), color-stop(1, #cdcbd6)); background-image: -webkit-linear-gradient(top, #e3e1eb 50%, #cdcbd6 100%); background-image: linear-gradient(to bottom, #e3e1eb 50%, #cdcbd6 100%); opacity:0.9; filter:alpha(opacity=90); /*shadows*/ -moz-box-shadow: 1px 1px 2px 2px #4f428b; -webkit-box-shadow: 1px 1px 2px 2px #4f428b; box-shadow: 1px 1px 1px 1px #4f428b;}
input.sendbutton:hover { color: #0000ff; background-image:url("https://www.actionquiz.com/i/button-back-over.png"); border: solid 0px transparent; background-repeat: repeat; /*gradients for all those browsers. Come on people, let's agree on 1 standard :) */ background-image: -ms-linear-gradient(top, #ffffff 0%, #e3e1eb 50%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e3e1eb 50%);  background-image: -o-linear-gradient(top, #ffffff 0%, #e3e1eb 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #e3e1eb)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e3e1eb 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #e3e1eb 50%); opacity:0.9; filter:alpha(opacity=90); /*shadows*/ -moz-box-shadow: 1px 1px 2px 2px #4f428b; -webkit-box-shadow: 1px 1px 2px 2px #4f428b; box-shadow: 1px 1px 1px 1px #4f428b; color: #0000ff; }
td.right { text-align: right; }
td.smalltd { font-size: 0.7em; padding-top: 14px;}
#opages { position: relative; border:solid 0px white; width: 770px; margin-top: -10px; left: 190px; font-size: 1.5em; color: #e3e1eb; width: 600px;}
#opages a { color: #9b9aa1; text-decoration: none;}
#opages a:hover { color: #cdcbd6; text-decoration: underline;}
#opages p { margin: 0px 0px 12px 0px; }
.fineprint { font-size: 0.7em;}
#anounces { position: absolute; width: 170px; height: 120px; border: solid 0px red; margin-top: 100px; left: 10px; text-align: center; display: visible; line-height: 1em; color: #4f428b; z-index: 6; }
#catdivision { position: relative; height: 1px; border-top: solid 1px #2d2069; margin: 5px 0px 10px 0px; clear: both; width: 728px; left: 0px;}
.opa00 { opacity:0.0; filter:alpha(opacity=0);}
.opa01 { opacity:0.1; filter:alpha(opacity=10);}
.opa02 { opacity:0.2; filter:alpha(opacity=20);}
.opa03 { opacity:0.3; filter:alpha(opacity=30);}
.opa04 { opacity:0.4; filter:alpha(opacity=40);}
.opa05 { opacity:0.5; filter:alpha(opacity=50);}
.opa06 { opacity:0.6; filter:alpha(opacity=60);}
.opa07 { opacity:0.7; filter:alpha(opacity=70);}
.opa08 { opacity:0.8; filter:alpha(opacity=80);}
.opa09 { opacity:0.9; filter:alpha(opacity=90);}
.opa10 { opacity:1.0; filter:alpha(opacity=100);}
.font01 { font-size: 0.1em;}
.font02 { font-size: 0.2em;}
.font03 { font-size: 0.3em;}
.font04 { font-size: 0.4em;}
.font05 { font-size: 0.5em;}
.font06 { font-size: 0.6em;}
.font07 { font-size: 0.7em;}
.font08 { font-size: 0.8em;}
.font09 { font-size: 0.9em;}
.font10 { font-size: 1.0em;}
.font11 { font-size: 1.1em;}
.font12 { font-size: 1.2em;}
.font13 { font-size: 1.3em;}
.font14 { font-size: 1.4em;}
.font15 { font-size: 1.5em;}
.font16 { font-size: 1.6em;}
.font17 { font-size: 1.7em;}
.font18 { font-size: 1.8em;}
.font19 { font-size: 1.9em;}
.font20 { font-size: 2.0em;}