@charset "utf-8";

/* ===========================================================

	Title: quiz.css
	Created: 2009-7-8
	Created: 2009-7-9
	
=========================================================== */
/*

	faq
	
=========================================================== */
/*

	quiz
	
=========================================================== */

div#quiz div.quizSectionA {
	background: #e2b630;
	border-right: solid 2px #7a6d38;
	border-bottom: solid 2px #7a6d38;
	border-left: solid 2px #7a6d38;
	margin: 0 0 5px;
}

div#quiz div.quizSectionA h3 {
	padding: 10px 0 0;
	margin: 0 0 0 8px;
}

div#quiz div.quizSectionB {
	background: #70a176;
	border: double 3px #7a6d38;
	margin: 0 8px 10px;
	padding: 8px 0 0;
}

/* ===========================================================

	index
	
=========================================================== */

div#quiz dl.inp_name {
	clear: both;
	position: relative;
	height: 66px;
}

div#quiz dl.inp_name dt {
	position: absolute;
	top: 14px;
	left: 18px;
}

div#quiz dl.inp_name dt img {
	vertical-align: bottom;
}

div#quiz dl.inp_name dd.name {
	position: absolute;
	top: 39px;
	left: 18px;
}

div#quiz dl.inp_name dd.btStart {
	position: absolute;
	top: 3px;
	right: 3px;
}

div#quiz dl.inp_name dd.btStart button {
	border: none;
}

/* ranking
----------------------------------------------------------- */

div#quiz table.ranking {
	width: 565px;
	margin: 0 0 10px 8px;
	background: #FFFFFF;
}

div#quiz table.ranking th {
	border-top: solid 10px #e2b630;
	background: url(/img/common/bg_dot_a.gif) repeat;
	text-align: center;
}

div#quiz table.ranking td {
	border-top: solid 10px #e2b630;
	text-align: center;
}

div#quiz table.ranking .cellRank {
	width: 10%;
}
div#quiz table.ranking .cellName {
	width: 20%;
}
div#quiz table.ranking .cellSuccess {
	width: 20%;
}
div#quiz table.ranking .cellLap {
	width: 20%;
}
div#quiz table.ranking .cellDate {
	width: 30%;
}

/* ===========================================================

	challenge

=========================================================== */

div#quiz div#question {
	background: #FFFFFF;
	padding: 10px;
	margin: 0 8px 10px;
	border-right: double 3px #7a6d38;
	border-bottom: double 3px #7a6d38;
	border-left: double 3px #7a6d38;
	font-weight: bold;
}

div#quiz div#answers {
	margin: 0 5px;
}

div#quiz div#answers div {
	x-cursor: pointer;
	margin-bottom: 10px;
	background: #FFFFFF;
	padding: 5px 5px 5px 10px;
}

div#quiz div#answers a:hover {
	color: #FF6600;
	text-decoration: none;
}

div#quiz div#answers a:hover div {
	background: #ffffff url(/img/common/bg_dot_a.gif) repeat;
}

div#quiz div#answersImg {
	text-align: center;
	background: url(/img/common/bg_dot_b.gif) repeat;
	margin: 0 8px 8px;
}

/* ===========================================================

	answer

=========================================================== */

div#quiz div.success {
	background: #FFFFFF;
	padding: 10px;
	margin: 0 8px 10px;
	border-right: double 3px #7a6d38;
	border-bottom: double 3px #7a6d38;
	border-left: double 3px #7a6d38;
	text-align: center;
}

div#quiz div.success span {
	font-size: 16px;
	font-weight: bold;
}

div#quiz .question_text {
	font-weight: bold;
	background:  #FFFFFF;
	margin: 0 8px 10px;
	padding: 5px 10px;
}

div#quiz .answer {
	clear: both;
	font-weight: bold;
	background:  #FFFFFF;
	margin: 0 8px 10px;
	padding: 5px 10px;
}

div#quiz .answer .red {
	color: red;
	font-weight: bold;
}

div#quiz .answer .blue {
	color: blue;
	font-weight: bold;
}

div#quiz div.answersImg {
	text-align: center;
	background: url(/img/common/bg_dot_b.gif) repeat;
	margin: 0 8px 8px;
}

div#quiz .answerComment {
	background: #f7d336;
	margin: 0 8px 8px;
	padding: 10px;
}