/* ---------------
       *  laoding div
       * ---------------
       */
body {
 background-color: #333333;
}
/* the whole loading box */
#loading {
 margin-top:40px;
 display:block;
 border:1px dotted gray;
 width:320px;
 margin-left:auto;
 margin-right:auto;
}

/* header in loading div that says, "Loading..." */
#loadingHead {
 font-size:25px;
}

/* the current thing loading (questions, high scores, sounds, etc.) */
#loadingCurrent {
 background:transparent;
 color:#565656;
}

      /* ---------------
       *  pre-entry (index.php)
       * ---------------
       */

/* if there was something wrong in checking in (bad password or something), then it will be displayed here */
#deathError {
 color:red;
}

/* formatting for the box that tells about how the username and password work */
#membershipInfo {
 color:#FFFFFF;
 font-family:verdana, "sans serif";
 font-style:italic;
 /*font-weight:bold;*/
 font-size:13px;
 width:365px;
 margin-left:auto;
 margin-right:auto;
}

/* formatting for "username" and input box */
#username {
 font-family:verdana, "sans serif";
 font-weight:bold;
 font-size:12px;
 /*border:3px groove #AAAAFF;
 background-color: #EFEFFF;
 padding:8px 5px;
 width:350px;
 margin-left:auto;
 margin-right:auto;
 letter-spacing:2px;*/
}

/* formatting for "password" and input box */
#password {
 font-family:verdana, "sans serif";
 font-weight:bold;
 font-size:12px;
 /*border:3px groove #AAFFAA;
 background-color: #EFFFEF;
 padding:8px 5px;
 width:350px;
 margin-left:auto;
 margin-right:auto;
 letter-spacing:2px;*/
}

/* formatting for checkbox and remember me */
#remember {
 font-family:verdana, "sans serif";
 font-size:12px;
 padding:10px 0px;
 vertical-align:top;
}

      /* ---------------
       *  pre-entry (quiz.php)
       * ---------------
       */
 
/* the whole pre-entry area */
#preEntry {
}

/* the link to play */
#preEntryStart {
 cursor:pointer;
 font-family:Verdana, "sans serif";
 letter-spacing:1px;
 font-size:16px;
 color:#FFFFFF;
}

/* the key to press to play */
#preEntryStartKey {
 font-size:12px;
 font-family:Verdana, "sans serif";
 color:#000000;
}

/* the link to see the rules */
#preEntryRules {
 cursor:pointer;
 font-family:Verdana, "sans serif";
 letter-spacing:1px;
 font-size:22px;
 color:#666666;
}

/* the key to press to see rules */
#preEntryRulesKey {
 font-size:15px;
 font-family:trebuchet, "sans serif";
 color:#999999;
}

      /* ---------------
       *  message box (msgbox)
       * ---------------
       */

/* box messages come in */
#msgbox {
 margin-top:40px;
 border:2px solid #7B0E03;
 background-image:url('img/msg_back.gif');
 background-repeat:repeat-x;
 width:450px;
 color:#FFFFFF;
 font-size:12px;
 font-family:arial, "sans serif";
 margin-left:auto;
 margin-right:auto;
 display:none; /* used in coding */
 padding:5px;
}

/* link to return from message ("< Back") */
.msgboxBack {
 text-align:left;
 font-size:12px;
 cursor:pointer;
}

/* header of msg box */
#msgboxHeader {
 font-weight:bold;
 font-size:20px;
 font-family:arial, "sans serif";
 width:300px;
 margin-left:auto;
 margin-right:auto;
 border-bottom:2px groove #FFFFFF;
}

/* text of msg box */
#msgboxTxt {
 font-family:Verdana, "sans serif";
 text-align:left;
}

      /* ---------------
       *  main table (gamearea)
       * ---------------
       */

/* the whole table that everything is in */
#gamearea {
 margin-top:10px;
 border:1px solid #666666;
 /*border-style:solid;
 border-color:#FFCC00;*/
 background-color:#990000;
 padding:0px;
 margin-left:auto;
 margin-right:auto;
 display:table; /* display will be set to table when loading is complete */
}

/* the top of the gamearea table ("Welcome to the quiz, {Playername}") */
#gameareaHeader {
 color:#FFFFFF;
 padding:4px 14px;
 font-size:12px;
 font-family:Verdana, "sans serif";
 background-image:url('img/headerbg.gif');
 background-repeat:repeat-x;
 height:30px;
 overflow:hidden;
}

/* the player's name at the top of the quiz */
#theplayername {
 color:white;
}

/* the player's name any time it appears on the screen */
.playername {
 font-weight:normal;
}

/* the options (Mute, How To Play, elapsed time) */
#options {
 font-size:12px;
 font-family:Arial, "sans serif";
 color:#CCCCCC;
 background-color:#990000;
 height:30px;
}

/* formatting for the timer */
#timer {
 font-family:Verdana, "sans serif";
 cursor:default;
}

/* formatting for sound on/off */
#mute {
 cursor:pointer;
}

/* formatting for how to play */
#howToPlay {
 cursor:pointer;
}


/* the box where the game content goes :: see also  game box  below */
#gamebox {
 background-color:#990000;
 color:#232323;
 width:400px;
 vertical-align:top;
 padding:7px;
}

/* the box where the user enter's his/her answer ("Enter Answer:") */
#answerEnter {
 background-color:#000000;
 background-image:url('img/footerbg.gif');
 color:#000000;
 text-align:center;
 font-family:trebuchet, Verdana, "sans serif";
}

/* the input box for the answer */
#ioAnswer {
 background-color:#CCCCCC;
 color:black;
}

/* where the player's stats (score + streak) are entered */
#stats {
 text-align:center;
 font-family:Verdana, "sans serif";
 background-color:#990000;
 padding:3px 0px;
}

/* the score inside of the stats section */
#statsScore {
 color:white;
 padding:0px 5px;
}

/* the streak inside of the stats section */
#statsStreak {
 color:white;
 padding:0px 5px;
}

/* table high scores are displayed in */
#highscores {
 background-image:url('img/hsbg.gif');
 background-repeat:repeat-x;
 padding:5px;
 margin-top:10px;
 margin-bottom:10px;
 margin-right:10px;
 border:1px solid #7B0E03;
}

/* the text that appears at the top ("High Scores") */
#scoreHeader {
 margin-top:10px;
 margin-bottom:9px;
 color:#990000;
 font-size:12px;
 font-weight:bold;
 text-align:center;
 font-family:Verdana, "sans serif";
}

/* the text that is at the top of each row ("Rank","Name","Score","Streak") */
.scoreDescription {
 font-size:12px;
 font-weight:bold;
 color:#000000;
 font-family:Verdana, "sans serif";
 text-align:center;
}

/* rank alone of scoreDescription */
#scoreDescriptionRank {
}

/* name alone of scoreDescription */
#scoreDescriptionName {
}

/* score alone of scoreDescription */
#scoreDescriptionScore {
}

/* streak alone of scoreDescription */
#scoreDescriptionStreak {
 display:none;
}

/* the text that appears at the bottom ("View All") */
#scoreFooter {
 font-size:12px;
 font-family:Verdana, "sans serif";
 color:#990000;
 text-align:center;
 cursor:pointer;
}

/* the number position (e.g 1, 2, 3 or 4 etc) */
.scorePlace {
 font-size:12px;
 font-family:Verdana, "sans serif";
 font-weight:bold;
 padding:0px 4px;
 text-align:center;
}

/* the name of player */
.scoreName {
 font-size:12px;
 font-family:Verdana, "sans serif";
 padding:0px 8px;
 text-align:center;
}

/* actual score of the player */
.scoreScore {
 font-size:12px;
 font-family:Verdana, "sans serif";
 padding:0px 4px;
 text-align:center;
}

/* streak of the player */
.scoreStreak {
 display:none;
 color:#464646;
 padding:0px 4px;
 text-align:center;
}

      /* ---------------
       *  game box
       * ---------------
       */
/* the line where the question appears */
#question {
 background:transparent;
 background-color:#990000;
 color:#FFFFFF;
 font-size:16px;
 font-family:Verdana, "sans serif";
 /*border:1px dotted #FFA500;*/
 padding:1px;
}

/* line where the answer appears */
#answer {
 background-color:#990000;
 color:#FFFFFF;
 font-size:16px;
 font-family:Verdana, "sans serif";
 /*border:1px dotted #FF4444;*/
 padding:1px;
}

/* a single letter in the none answer */
.answerLetter {
 font-family:Verdana, "sans serif";
}

/* row in which your answer appears */
#guessYourAnswer {
 font-family:Verdana, "sans serif";
 font-size:14px;
 display:none; /* dont change, this is needed in coding*/
}

/* Your Answer: {guessAnswer} */
#guessAnswer {
 /*border:1px solid gray;*/
 font-size:14px;
 font-family:Verdana, "sans serif";
 padding:0px 3px;
}

/* if answer is incorrect, this is displayed */
#guessWrong {
 color:#FFFFFF;
 font-family:Verdana, "sans serif";
 font-size:14px;
 font-weight:bold;
 display:none; /* dont change, this is needed in coding*/
}

/* if answer is correct, this is displayed */
#guessRight {
 color:white;
 font-family:Verdana, "sans serif";
 font-size:14px;
 font-weight:bold;
 display:none; /* dont change, this is needed in coding*/
}

/* line that shows the points awarded on it */
#pointsAwarded {
 font-family:Verdana, "sans serif";
 font-size:12px;
 color:#FFFFFF;
 font-weight:bold;
}

/* the number of points awarded */
#pointsAwardedPoints {
 font-family:Verdana, "sans serif";
 font-size:12px;
 color:#FFFFFF;
 font-weight:bold;
}

/* text that says " > Next Question > " */
#moveToNextQuestion {
 font-weight:bold;
 font-style:italic;
 font-size:12px;
 font-family:Verdana, "sans serif";
 color:#FFCC00;
 cursor:pointer;
 background-color:#990000;
}

/* if the time limit is reached, this is displayed ("Sorry, but the correct answer was: ") */
#neverGotIt {
 display:none;
 color:#FFFFFF;
 font-size:14px;
 font-family:Verdana, "sans serif";
 /*border:2px dashed blue;*/
 padding:5px;
}

/* the actual answer inside of #neverGotIt */
#neverGotItANS {
 font-weight:bold;
 font-family:Verdana, "sans serif";
}
#blurb {
 font-weight:bold;
 font-size:16px;
 color:#FFFFFF;
 font-family:Arial, "sans serif";
}
#intro {
 font-size:12px;
 color:#FFFFFF;
 font-family:Arial, "sans serif";
}
a:link, a:visited, a:active {
font-family:Arial, "sans serif";
font-size: 12px;
font-weight: bold;
color:#CC0000;
text-decoration: none;
}
a:hover {
font-family:Arial, "sans serif";
text-decoration: underline;
color:#FFFFFF;
}