body {

   color       : #5d6e7e;

   }



.quiz {

   display      : none;

}



#pageHeader {

   font-size    : 1em; 

   font-weight  : bold;

   color        : #303B45;

}



.scoreTitle {

   font-size    : 1.2em; 

   font-weight  : bold; 

   text-align   : center;

   margin-bottom : 0.5em;

}



.quizQuestions {

   position     : absolute; 

   width        : 25em;

   left         : 0em;

}



.quizTitle {

   font-weight   : bold; 

   color         : #303B45;

   margin-bottom : -.5em;

   text-align    : center;

}



pcrane:last-child {

   padding-bottom     : 0.2em;

}

.quizIcon {

    top                : -3.5em;

    background-color   : white;

    margin-left        : auto; 

    margin-right       : auto; 

    display            : block;

}

#quizHolder {

   position            : relative; 

   top                 : 0.8em;

   height              : 50em; 

   border              : 0px dotted orange;

}

 

.quiz {

   margin-top          : 3em;

   display             : none;

}



#startButton {

   display             : none; 

   margin-left         : auto; 

   margin-right        : auto;

}



#helpButton {

   display             : none; 

   margin-left         : auto; 

   margin-right        : auto;

   margin-bottom       : 1em;

   width               : 6em !important;

   max-width           : 6em !important;

   min-width           : 6em !important;

}



#controlPanel {

   display             : none;

   position            : absolute; 

   bottom              : 0em;

}

#quizController {

   width               : 400px;

}



qq {

   color               : #8B6B5B;

   font-weight         : bold;

}

.tableQuestion tbody tr td.theQuestion {

   font-size            : 1em;

}



.questionIcon {

   height               : 4em;

   display              : block; 

   margin-left          : auto;

   margin-right         : auto;

   margin-bottom        : 0.3em;

}

.tableQuestion tbody tr {

   border               : 0px solid white;

}

.tableQuestion tbody tr td {

   background-color     : white !important; 

   border               : 0px solid white !important;

   vertical-align       : middle;

   

}

.tableQuestion{

   background-color     : white !important; 

   border               : 0px solid white !important;

   vertical-align       : middle;

   margin-bottom        : 1em;

}

.quizRadio {

   display              : inline;

}

.questionText {

   margin-bottom        :0.5em;

   min-height           :6em;

   text-align           : justify;

}



div.answers {

   width                : 100%;

   text-align           : center;

   border               : 0px dotted orange;

}

table.answers {

   text-align           : left;

   display              : inline; 

   margin-left          : auto;

   margin-right         : auto;

   border               : 0px solid white !important;

}

table.answers tbody tr {

   background-color     : white !important;

   border               : 0px solid white !important;

}

table.answers tbody tr td {

   border               : 0px solid white !important; 

   font-size            : 1em !important;

}

.answerIcon {

   display              : block; 

   height               : 4em; 

   margin-left          : auto; 

   margin-right         : auto;

   margin-bottom        : 0.3em;

}

.quiz pcrane {

   margin-bottom        : 0em !important; 

   padding-bottom       : .3em !important;

   text-align           : justify;

   margin-top           : 1em; 

}

.quizQuestion {

   float                : left;

   position             : absolute; 

   left                 : 0px;

   display              : none;

   width                : 100%;

}



#questionXofY {

   margin-left          : auto; 

   margin-right         : auto;

}

#controlPanel {

   text-align           : center;

   padding-top          : 0.5em;

   border-top           : 1px dotted grey;

}

.circleNumber {

   width                : 1.5em; 

   height               : 1.5em;

   border-radius        : 50%;

   display              : inline-block; 

   text-align           : center; 

   background-color     : green;

   color                : white; 

   font-size            : 2em; 

   font-weight          : bold;

}

.circleNumberValue {

   position             : relative; 

   top                  : 0.2em;

}

#numCorrect  {

   background-color     : #537473;

}



#numIncorrect  {

   background-color     : #8B6B5B; 

}



#pnlCongrats {

   display              : none;

   position             : absolute; 

   bottom               : 0em;

   text-align           : center;

   padding-top          : 0.5em;

}

#imgCongrats {

   width                : 100%;

}

#imgMailIt {

   width                : 75%; 

}

table#mailIt {

   border               : 0px solid white !important; 

   background-color     : white !important; 

}

table#mailIt tbody tr{

   border               : 0px solid white !important; 

   background-color     : white !important; 

}

table#mailIt tbody tr td {

   border               : 0px solid white !important; 

   background-color     : white !important; 

}

#mailItText {

   display              : inline-block; 

   white-space          : nowrap;

}



#lnkMailTo {

   border               : 0px solid white;

}



input[type="radio"]+label{ 

   border-bottom        : 1px dotted white;; 

}



input[type="radio"].answerTrue:checked+label{ 

   border-bottom        : 1px dotted grey;

}



#smallCopyright {

   display              : none;

}

.highlight {

   font-weight          : bold;

}



#theHelp {

   display              : none;

}



#help {

   border           : 0px solid #536575;

}



#quizList div.quizPrize {

   color            : grey;

   font-size        : 0.85em;

   margin-bottom    : 0.3em;

}



a span.quizName {

   margin-bottom     : 0.3em;

   display           : inline-block;

   border-radius     : 0.5em;

   padding           : 0.5em;

   background-color  : #5d6e7e;

   color             : white !important;

   

}

.bestScoreBox {

   text-align       : center;

   position         : relative; 

   top              : -0.8em;

}

#resultsEmail {

    width           : 75%;

    margin          : 0.5em 0em;

    text-align      : center;

}



@-moz-document url-prefix() {

    #controlPanel {

       bottom       : -1em;

    }

}



.quizScores {

   display          : none;

   z-index          : 100000000;

   position         : absolute;

   background-color : white;

   width            : 89%;

   top              : 0px;

   padding          : 4%;

   border           : 1px dotted gray;

   border-radius    : 1em;

}



.quizScores table {

   margin-bottom    : 0.5em;

   border-radius    : 1em;

}

.alignRight {

   text-align        : right;

}