@CHARSET "UTF-8";

.user-futureisorganicquiz-pi1 h1 { font-size: 1.6em; }

#center_area {
	width: 899px;
}

p.theirscore {
	font-weight: bold;	
}

.user-futureisorganicquiz-pi1 p, .user-futureisorganicquiz-pi1 ul li {

	font-family: Arial,Helvetica, Sansserif !important;
	color: #000000 !important;	
}

div.questionBlock {
	
	position: relative;
	height: 240px;
	font-family: Arial,Helvetica, Sansserif;
	color: #000000;
}

div.user-futureisorganicquiz-pi1 input.imgbutton {
	border-width: 0;
	float: right;
	background-color: transparent;
}

div.questionBlock div.question {
    /*float: left;	*/
    width: 436px;
    height: 233px;
    background: transparent url(/typo3conf/ext/user_futureisorganicquiz/img/questionCard.gif) no-repeat scroll top center;
}

div.questionBlock div.question div.questionContent {
	padding-top: 12px;
	padding-right: 8px;
	margin-left: 16px;	
}

div.answer {
	margin-left: 450px;
	width: 434px;
	height: 233px;
	min-height: 233px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	background: transparent url(/typo3conf/ext/user_futureisorganicquiz/img/answerCard.gif) no-repeat scroll top center;
}

div.answer .answerContent {
	overflow: auto;	
	height: 210px;
	margin-left: 15px;
	margin-top: 10px;
	width: 410px;
	
}

div.answer p {
	padding-bottom: 0 !important;	
}

input.radio, input.checkbox {
	border-width: 0;	
}


div.masked {
	/*background-color: #fff;*/
	background: transparent url(/typo3conf/ext/user_futureisorganicquiz/img/mask.gif) no-repeat scroll top center;
}


div.questionBlock div.question div.answerset label {
	font-size: .9em;
	/*color: #393838;
	font-family: Georgia, "Times New Roman",Times,serif;*/
	line-height: 20px;
	vertical-align: top;
	margin-left: 4px;
}

div.user-futureisorganicquiz-pi1 h2 {
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Arial,Helvetica, Sansserif;
	font-weight: bold;
}


div.answerset span.indicator {
	width: 25px;
	height: 18px;
	display:block;
	float: left;	
	text-align: right;
	vertical-align: middle;
	clear: left;
}

*:first-child+html div.answerset span.indicator {
	margin-right: 5px;
}

div.answerset span.indicator img {
	margin-top: 3px;
}

span.answerletter {
	font-weight: bold;
	display: none;
}

.revealbutton {
	
	position: absolute;
	bottom: 80px;
	right: 50px;
	z-index: 3;
}
.revealbuttonpointer {
	cursor: pointer;
}

div.questionBlock div.question div.answerset input.correct, 
div.questionBlock div.question div.answerset label.correct {
	color: green;
	font-weight: bold;
}

div.questionBlock div.question div.answerset input.wrong, 
div.questionBlock div.question div.answerset label.wrong {
	color: #9E2323;
	text-decoration: line-through;
}

div.questionBlock div.question div.answerset input.fadeit, 
div.questionBlock div.question div.answerset label.fadeit {
	color: #cccccc;
}

div.questionBlock div.question div.answerset input.shouldhave, 
div.questionBlock div.question div.answerset label.shouldhave {
	color: green;
}