body {
	background-color: black;
	
}


#trivia {
position:relative;
width:700px;
margin:19px auto;
background:#bcdeef;
border:1px solid #bbddee;
border-radius:15px;
padding:2px 4px 4px 4px;
font-family:"Calibri",sans-serif;
font-size:18px;
}
#trivia button{
cursor:pointer;
font-weight:700;
}

#trivia #qnr {
margin:0 5em .6em auto;
font-style:italic;
text-align:center;
}
#trivia #desc_h{
display:none;
}
#trivia #quiz {
background:#fefefe !important;
position:relative;
min-height:330px;
margin:0;
background:#fbfbfd;
border-radius:15px;
padding:4px 6px;
width:72%;
}
#trivia #quiz h3 {
margin:.2em auto;
text-align:center;
}
#trivia #quiz h4 {
text-decoration:none;
}
#trivia #quiz #tquestion {
font-weight:700;
margin:20px 2px;
}
#trivia #quiz #sctimer {
position:absolute;
top:3px;
right:8px;
background:yellow;
border:1px dashed #00d001;
padding:0 4px;
font-size:16px;
font-weight:700;
color:#00c000;
}

#trivia #quiz #qansw {
margin:0 .1em;
background:#f4f5fe;
border-radius:.6em;
line-height:150%;
padding:.2em .4em;
}
#trivia #quiz #qansw h4 {
text-align:center;
}
#trivia #quiz #qansw pre {
background:#fefedd;
font-size:104%;
overflow:auto;
}
#trivia #quiz .qanswer {
margin:9px 3px;
border:1px solid #333;
background-image: -ms-linear-gradient(top, #efeff0, #fbfbfb);     /* IE10 */
background-image:-moz-linear-gradient(top, #efeff0, #fbfbfb 95%);     /* Mozilla */
/* for Safari, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efeff0), color-stop(0.9, #fbfbfb));
background-image: -o-linear-gradient(top, #efeff0, #fbfbfb);          /* Opera 11.1+ */
background: linear-gradient(top, #efeff0, #fbfbfb);          /* W3C Markup */
border-radius:.3em;
cursor:pointer;
padding:2px;
font-size:1.05em;
}
#trivia #quiz .qanswer:before {
content:'• '
}
#trivia #quiz .qanswer:hover {
border:1px solid green;
background:#dafbda;
background-image: -ms-linear-gradient(top, #fbfbfb, #dafbda);     /* IE10 */
background-image:-moz-linear-gradient(top, #fbfbfb, #dafbda 95%);     /* Mozilla */
/* for Safari, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(0.9, #dafbda));
background-image: -o-linear-gradient(top, #fbfbfb, #dafbda);          /* Opera 11.1+ */
background: linear-gradient(top, #fbfbfb, #dafbda);          /* W3C Markup */
border-radius:0;
font-size:1.05em;
}
#trivia #quiz #nextq {
display:block;
margin:1em auto;
font-size:1em;
}

#trivia #tqdata{
position:absolute;
right:2px;
top:2px;
width:25%;
}
#trivia #tcateg {
background:#bcdeee;
font-weight:700;
line-height:110%;
margin:0 auto 5px auto;
text-align:center;
}
#trivia #tcateg select{
background:#f0f089;
font-weight:700;
}

#trivia #qanswered {
background:#eeefef;
border-radius:10px;
margin:32px 2px 0 0;
padding:0 2px;
}
#trivia #qanswered h4 {
margin:2px auto 5px auto;
text-align:center;
text-decoration:none;
}
#trivia #qanswered #ntotalq {
font-size:1.1em;
text-decoration:underline;
}
#trivia #qanswered #nqansw, #trivia #qanswered #nca, #trivia #quiz #canswer {
color:#0001fe;
font-weight:800;
font-size:1.1em;
}
#trivia #qanswered #nia, #trivia #quiz #iansw {
color:#fe0001;
font-weight:800;
font-size:1.1em;
}
#trivia #qlevels {
background:#fefeed;
line-height:125%;
margin:10px 0 0 0;
}
#trivia #qlevels h4 {
margin:.4em 1px 0 1px;
text-align:center;
}
#trivia #qlevels label {
cursor:pointer;
}
#trivia #qlevels label:hover{
background:#a0f0a1;
}
#trivia #qlevels input:checked+label{
color:#fe0123;
text-decoration:underline;
}
#trivia #qlevels #startqn {
margin:0 0 0 1em;
font-size:.85em;
font-weight:700;
color:#0001ed;
}
#trivia #qlevels #nquiz {
width:3em;
font-size:.85em;
font-weight:700;
text-align:center;
}
#trivia #qbtn_sr{
margin:12px 0 0 0;
text-align:center;
}
#trivia #qbtn_sr button {
margin:0 10px;
font-size:.9em;
}
#trivia #lnkcw{
display:block;
margin:12px auto 3px auto;
text-align:center;
}

/* mobile dev. */
@media screen and (max-width: 640px){

#trivia{
font-size:94%;
width:100%;
}
#trivia #desc_h{
display:block;
}
#trivia #quiz{
max-height:310px;
overflow:auto;
width:auto;
}
#trivia #tqdata{
position:relative;
margin:7px 0 0 0;
width:auto;
}
#trivia #tqdata #tcateg, #trivia #tqdata #qlevels{
display:inline-block;
font-size:1em;
margin:0 5px;
vertical-align:top;
}
#trivia #tqdata #tcateg{
line-height:125%;
margin:-10px 0 -1px 0;
width:38%;
}
#trivia #tqdata #qanswered{
left:0;
margin:0;
position:absolute;
top:78px;
width:40%;
}
#trivia #qanswered h4 {
font-size:1em;
margin:0 auto 2px auto;
}
#trivia #tqdata #qlevels{
margin:-2px 0 2px 16px;
width:54%;
}
#trivia #tqdata #qbtn_sr{
left:0;
margin:0;
position:absolute;
top:43px;
width:40%;
}
#trivia #qbtn_sr button {
margin:0 2px;
}
}