/* CSS Document */

#wrapper.tquiz #content{
	padding:20px 0 0 0;
	width:720px;
	position:relative;
}
h2{
	display:block;
	width:664px;
	height:43px;
	margin-bottom:11px;
	background: url(../images/quiz/heading-identify.png) no-repeat 0 0;
	text-indent:-5000px;
	margin:0 0 11px 28px;
}
.tquiz p.date{
	text-align:right;
	font-weight:bold;
	font-size:18px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:33px;
	margin:0;
	right:45px;
}
#intro{
	margin-top:11px;
	margin-bottom:15px;
	padding:20px 20px 0 20px;
	width:620px;
	margin-left:30px;
	background: url(../images/quiz/intro-bg.png) no-repeat 0 0 #3c3c3c;
}
#intro p{
	margin-top:0;
}
#intro .clear{
	display:block;
	width:660px;
	height:4px;
	margin:16px -20px 0 -20px;
	background: url(../images/quiz/intro-bottom.png) no-repeat left bottom #3c3c3c;
}
#content #intro .clear hr{
	display:none;
}
#quizbox{
	position:relative;
	margin-left:30px;
	width:660px;
	padding:0;
	height:184px;
	clear:both;
	margin-top:15px;
}
#quizbox h3{
	display:block;
	height:30px;
	width:660px;
	background: url(../images/quiz/heading-wit.png) no-repeat 0 0;
	text-indent:-5000px;
	margin:0;
	padding:0;
}
#quizbox h3.results{ background: url(../images/quiz/heading-results.png) no-repeat 0 0; }
#quizbox h4{
	color:#333;
	font-size:14px;
	position:absolute;
	top:6px;
	margin:0;
	left:240px;
}
#quizbox #qtally{
	display:block;
	height:19px;
	position:absolute;
	right:5px;
	width:110px;
	list-style:none;
	padding:0;
	margin:0;
	top:5px;
}
#quizbox #qtally li{
	height:19px;
	width:19px;
	background: url(../images/quiz/ind-black.png) no-repeat 0 0;
	margin-right:3px;
	text-indent:-5000px;
	float:left;
}
#quizbox #qtally li.correct{ background-image: url(../images/quiz/ind-check.png); }
#quizbox #qtally li.incorrect{ background-image: url(../images/quiz/ind-x.png); }
#quizbox #qtally li.current{ background-image: url(../images/quiz/ind-current.png); }
#quizbox #qimage{
	position:absolute;
	left:0;
	top:31px;
	width:200px;
	text-align:center;
	background-color:#222;
}
#qanswers{
	display:block;
	list-style:none;
	padding:0;margin:0;
	position:absolute;
	top:30px;
	left:200px;
}
#qanswers .letter{
	display:block;
	width:30px;
	height:37px;
	text-indent:-5000px;
	position:absolute;
	left:1px;
	top:0;
	margin-right:5px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#66804d;
}
#qanswers a:hover .letter{
	background-color:#ceed90;
}
#qanswers a:hover{ color:#FFF; text-decoration:none; }
#qanswers #ansa .letter{ background-image: url(../images/quiz/opt-a-off.png) }
#qanswers #ansb .letter{ background-image: url(../images/quiz/opt-b-off.png) }
#qanswers #ansc .letter{ background-image: url(../images/quiz/opt-c-off.png) }
#qanswers #ansd .letter{ background-image: url(../images/quiz/opt-d-off.png) }
#qanswers #ansa a:hover .letter, #answer.a .letter{ background-image: url(../images/quiz/opt-a-over.png) }
#qanswers #ansb a:hover .letter, #answer.b .letter{ background-image: url(../images/quiz/opt-b-over.png) }
#qanswers #ansc a:hover .letter, #answer.c .letter{ background-image: url(../images/quiz/opt-c-over.png) }
#qanswers #ansd a:hover .letter, #answer.d .letter{ background-image: url(../images/quiz/opt-d-over.png) }

#qanswers li{
	list-style:none;
	list-style-image:none;
}
#qanswers li a{
	display:block;
	position:relative;
	width:410px;
	height:27px;
	padding:10px 10px 0 40px;
	margin:0;
	border-bottom:1px solid #333;
	background-color:#222;
}
#qanswers li a:hover{
	background-color:#111;
}
#previous{
	padding:0 30px;
	margin-bottom:20px;
	width:660px;
	overflow:visible;
	position:relative;
}
#previous h3{
	display:block;
	width:664px;
	height:39px;
	text-indent:-5000px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 -2px 11px -2px;	
}
#previous h3.inc{ background-image: url(../images/quiz/top-bar-incorrect-full.png); }
#previous h3.corr{ background-image: url(../images/quiz/top-bar-correct-full.png); }
#picdata{
	float:right;
	position:relative;
	width:245px;
	font-size:11px;
	z-index:2;
	margin-bottom:15px;
}
#picdata h5{
	color:#f60;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	margin-top:0;
	padding:8px 15px 0 15px;
	background: url(../images/quiz/info-top-grey.png) no-repeat left top;
}
#picdata h6{
	color:#a5d272;
	font-size:12px;
	padding:4px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#191919;
	margin:8px 0 0 0;
	border-bottom:2px solid #363c45;
}
#picdata p.loc{
	margin-top:0;
}
#moreinfo{
	padding-bottom:8px;
	margin-top:0;
	background: url(../images/quiz/info-bottom-grey.png) no-repeat left bottom #222222;
}
#moreinfo p{
	margin:8px 0 0 0;
	padding:0 15px;
}
#answer{
	position:relative;
	padding:0 0 2px 0;
	margin:0 0 10px 0;
	overflow:visible;
	background: url(../images/quiz/answer-bg.png) no-repeat left bottom;
}
#answer .anstext{
	padding:10px 10px 8px 40px;
	background: url(../images/quiz/answer-top.png) no-repeat left top;
	margin:0;
}
* html #answer .anstext{
	background:none;
}
#answer .letter{
	display:block;
	height:100%;
	position:absolute;
	left:1px;
	top:0;
	width:28px;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-5000px;
	overflow:hidden;
}
* html #answer .letter{
	height:100%;
}
h5.fin0,h5.fin1,h5.fin2,h5.fin3,h5.fin4,h5.fin5{
	display:block;
	margin:0;
	position:absolute;
	left:0;
	top:31px;
	width:200px;
	height:150px;
	background-color:#440000;
	text-indent:-5000px;
}
h5.fin5{ background: url(../images/quiz/fin-5.png) no-repeat 0 0; }
h5.fin4{ background: url(../images/quiz/fin-4.png) no-repeat 0 0; }
h5.fin3{ background: url(../images/quiz/fin-3.png) no-repeat 0 0; }
h5.fin2{ background: url(../images/quiz/fin-2.png) no-repeat 0 0; }
h5.fin1{ background: url(../images/quiz/fin-1.png) no-repeat 0 0; }
h5.fin0{ background: url(../images/quiz/fin-0.png) no-repeat 0 0; }
#pimage{
	display:block;
	width:400px;
	height:300px;
	text-align:center;
	background-color:#222;
}
.done{
	background: url(../images/quiz/done-bg.png) no-repeat 0 0;
}
* html #answer.a .letter, * html #answer.b .letter, * html #answer.c .letter, * html #answer.d .letter{ background:none; }
* html #picdata .a { background: url(../images/quiz/opt-a-over-ie6.png) repeat-y 0 50% #191919; }
* html #picdata .b { background: url(../images/quiz/opt-b-over-ie6.png) repeat-y 0 50% #191919; }
* html #picdata .c { background: url(../images/quiz/opt-c-over-ie6.png) repeat-y 0 50% #191919; }
* html #picdata .d { background: url(../images/quiz/opt-d-over-ie6.png) repeat-y 0 50% #191919; }
.fintext{
	margin-left:220px;
	padding-right:10px;
	margin-top:10px;
}
.fintext p{
	margin:10px 0;
}
#addthis{
	margin:10px 40px 0 30px;
	text-align:right;
}