body {
 margin: 0;
 text-align: center;
}
body, input, textarea, select, p {
 font-family: Tahoma, Helvetica, sans-serif;
 font-size: 12px;
}
br.clear {
 clear: both;
}
p {
 margin: 0;
 padding: 2px 0;
}
h1 {
 font-size: medium;
 font-weight: bold;
 margin: 5px 0;
 padding: 0;
 color: #333;
}
h2 {
 font-size: small;
 font-weight: bold;
 margin: 0 0 5px 0;
 padding: 0;
}
form {
 padding: 0;
 margin: 0;
}
span.formError {
 display: block;
 padding: 5px 10px;
 border: 1px #900 solid;
 background-color: #fdd;
 color: #900;
}
fieldset {
 border: 0;
 padding: 10px;
 margin: 0;
}
#quizWrapper {
 text-align: left;
 width: 100%;
 float: left;
}
#quizWrapper img {
 float: none;
 text-align: left;
 padding: 0;
 margin: 0;
 border: 0;
}
#quizWrapper h1 {
 font-size: large;
 color: #ff8115;
 padding: 0 0 0 5px;
}
#quizWrapper input {
 margin: 0;
 padding: 0;
 float: none;
}
#quizDesc {
 font-weight: normal;
 font-size:12px;
 padding: 10px 10px 5px 10px;
 line-height:140%;
}
div.question {
padding: 10px 0 10px 0;
}
div.question h2 {
font-size: 18px;
}
div.answers {
 float: left;
 width: 100%;
}
div.answer {
 float: left;
 width: 45%;
 margin-right: 2%;
 text-align: left;
 padding: 5px 0;
}
div.answer img {
 margin: 0;
 padding: 0;
 float: none;
}
#clues {
 width: 45%;
 margin-right: 2%;
 padding: 0 0 10px 0;
 float: left;
}
div.clue {
 padding: 10px;
 margin-bottom: 10px;
}
div.clueLabel {
 width: 8%;
 float: left;
 font-weight: bold;
 font-size: medium;
}
div.clueContent {
 width: 90%;
 float: left;
}
#matches {
 width: 45%;
 float: left;
 padding: 0 0 10px 0;
}
div.match {
 padding: 10px;
 margin-bottom: 10px;
}
div.matchField {
	width: 15%;
	float: left;
}
div.match input {
 width: 30px;
 border: 1px #ccc solid;
}
div.matchContent {
 width:80%;
 float: left;
}

/* results style */
#quizResults {
 padding: 10px;
}
#scoreBlock {
 width: 350px;
 padding: 10px;
 margin: 10px 0;
 border: 2px #ff8115 solid;
 background-color: #fff;
 color: #ff8115;
 font-weight: bold;
 font-size: 18px;
}
#scoreBlock a {
 font-size: 20px;
 color: #00a0c6;
}
#badgeToggle {
 display: block;
 color: #00a0c6;
 padding: 5px 0;
}
#scoreBadge {
 display: none;
 padding: 10px 0;
}
#badgeHome {
 display: block;
}
#badgeText {
 border: 1px #ccc solid;
 width: 350px;
 padding: 2px;
 height: 80px;
}
div.resultCorrect,
div.resultWrong {
 padding: 10px 10px 10px 50px;
 margin-bottom: 10px;
}
div.resultCorrect {
 border: 1px #090 solid;
 background: #cfc url(../images/icon-result-correct.gif) no-repeat 0 50%;
 color: #090;
}
div.resultCorrect h1 {
 color: #090;
 padding: 0 0 5px 0;
 margin: 0;
}
div.resultWrong {
 border: 1px #900 solid;
 background: #fcc url(../images/icon-result-wrong.gif) no-repeat 0 50%;
 color: #900;
}
div.correctAnswer {
 font-weight: bold;
}

/* XY Styles */
#quizXYWrapper {
 text-align: center;
 width: 550px;
}
#quizXY {
 margin: 0 auto;
 width: 550px;
}
#quizTimeDisplay {
 font-size: 26px;
}
#quizAnswer {
 margin-bottom: 10px;
}
#quizAnswerField {
 font-size: 16px;
 padding: 2px;
 width: 200px;
}
#quizAnswerHeader {
 font-weight: bold;
}
#correctAnswers {
 margin-bottom: 10px;
}
#missedAnswers,
#allAnswers {
 display: none;
}

/* Highlight styles */
#quizHighlights {
 padding: 10px;
}
#quizHighlightsHidden {
 display: none;
}
a.highlight {
 display: block;
 margin-bottom: 8px;
}