body, html {
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 14px;
     height: 100%;
     margin: 8px 0px;
}

table {
     border-spacing: 16px 8px;
     height: 100%;
     width: 100%;
     border-collapse: separate;
}

td {
     overflow: auto;
     padding: 0px;
     vertical-align: top;
}

button {
     font-family: Verdana,Arial,Helvetica,sans-serif;
     padding: 2px 8px;
     font-size: 1em;
}

h2 {
     text-align: center;
}

h3 {
     margin: 4px auto;
     text-align: center;
}

input[type="checkbox"], input[type="radio"] {
    margin: 0px 4px 0px 0px;
}

.box {
     background: none repeat scroll 0% 0% #fbfbfd;
     padding: 16px 8px;
}

.tdbox {
     background: none repeat scroll 0% 0% #fbfbfd;
     width: 100%;
}

#trivia {
     background: none repeat scroll 0% 0% #bcdeef;
     border: 1px solid blue;
     height: 80%;
     margin: auto;
     max-height: 600px;
     max-width: 800px;
     min-height: 360px;
     min-width: 320px;
     padding: 8px;
     width: 100%;
}

#trivia #quiz {
     height: 90%;
     margin: auto;
     width: 90%;
}

#trivia #quiz #tquestion {
     margin: 8px auto 16px;
}

#trivia #quiz #sctimer {
     background: none repeat scroll 0% 0% yellow;
     border: 1px dashed #00d001;
     color: #00d001;
     font-size: 1.2em;
     font-weight: 800;
     padding: 0px 0.2em;
     position: absolute;
     right: 0.5em;
     top: 0.3em;
}

#trivia #quiz #qansw {
     border-radius: 0.6em;
     margin: 0px 0.1em;
     padding: 0.2em 0.4em;
}

#trivia #quiz .qanswer {
     background-image: -moz-linear-gradient(center top , #efeff0, #fbfbfb 95%);
     border-radius: 0.3em;
     border: 1px solid silver;
     cursor: pointer;
     margin: 0px 0px 8px;
     max-width: 400px;
     padding: 6px 12px;
}

#trivia #quiz .qanswer:hover {
     background: -moz-linear-gradient(center top , #fbfbfb, #dafbda 95%) repeat scroll 0% 0% #dafbda;
     border: 1px solid green;
}

#trivia #quiz #nextq {
     cursor: pointer;
     display: block;
     margin: 8px auto;
}

#right {
     width: 25%;
}

#answered {
     min-width: 160px;
     text-align: center;
}

h4 {
     font-style: normal;
     margin: 4px 0px 8px;
     text-align: center;
}

#trivia #answered #nca, #trivia #quiz #canswer {
     color: #0001fe;
     font-size: 1.1em;
     font-weight: 800;
}

#trivia #answered #nia, #trivia #quiz #iansw {
     color: #fe0001;
     font-size: 1.1em;
     font-weight: 800;
}

#trivia #qdata label, #trivia #qdata button {
     cursor: pointer;
     display: block;
     margin: 8px auto;
}

#trivia #qdata #startqn {
     color: #0001ed;
}

#trivia #qdata #nquiz {
     height: 0.9em;
     width: 2em;
}

#trivia #qdata button {
    
}

#trivia #tfrom {
     margin: 1em auto 0.3em;
     text-align: center;
}

.questionType {
     color: #006600;
}

.questionProcess {
     color: #a02020;
}

#trivia #quiz .correct_answer {
     background-color: lawngreen;
     background-image: -moz-linear-gradient(center top , #e0ffff, #7cfc00 95%);
     color: green;
     font-weight: bold;
}

#trivia #quiz .correct_answer:hover {
     background-color: lawngreen;
     background-image: -moz-linear-gradient(center top , #e0ffff, #7cfc00 95%);
     border: 1px solid green;
     color: green;
     font-weight: bold;
}

#trivia #quiz .incorrect_answer {
     background-color: lightpink;
     background-image: -moz-linear-gradient(center top , #fbfbfb, #ffb6c1 95%);
     color: red;
     font-weight: bold;
}

#trivia #quiz .incorrect_answer:hover {
     background-color: lightpink;
     background-image: -moz-linear-gradient(center top , #fbfbfb, #ffb6c1 95%);
     border: 1px solid red;
     color: red;
     font-weight: bold;
}

.copyright {
    font-size: 9px;
    font-style: italic;
    color: gray;
}