.greyback {
	background-color:#eaebeb;
}

.question-set { 
	width:940px;
	float:left;
	overflow:hidden;
	list-style-type:none;
	height:auto;
	position:relative;
	margin:0;
	padding:0;
	padding-top:20px;
}
.question-set li.question {
	padding:0;
	margin:0;
	height:0;
	opacity:0;
	overflow:hidden;
}
	.question .moving-area {
		width:1380px;
		float:left;
		margin:0;
		left:0;
		opacity:0;
		height:0px;
		overflow:hidden;
		transition: opacity 1s;
	}
	
	
.page-editor ul.question-set {
	height:auto;
	
	
}

.page-editor ul.question-set  li.question{
	height:auto;
	float:left;
	opacity:1;

}

.page-editor ul.question-set  li.question .moving-area{
	height:auto;
	float:left;
	width:100%;
	overflow:visible;
	position:relative;
	opacity:1;

}

.page-editor ul.question-set  li.question .moving-area .summary {
	height:auto;
	opacity:1;
}

.page-editor ul.question-set  li.question ul li:hover {
	background-color: #fff;
}

.page-editor ul.question-set  li.question ul li:hover  a{
	color:black;
}

.pageEditorMessage {
	float:right;
	width: 390px;
	margin-top:1em;
	
}

.pageEditorScore {
	float:right;
	width: 390px;
	margin-top:1em;
	
}

.page-editor #low-score, .page-editor #high-score {
	display:inline;
	height:auto;
	opacity:1;
}
	
	

	.question-set li.question.active {
		display:block;
		opacity:1;
		transition: opacity 1s;
		height:auto;
	}
	
	.question-set li.question.active .moving-area {
		display:block;
		opacity:1;
		height:auto;
		transition: opacity 1s;
	}
	.question-set li.question.push-right  .moving-area{
		margin-left:-441px;
		transition: margin 1s;
		transition-delay:0.5s;
	}
	
	.question-set li.question.push-right  .moving-area .answers {
		opacity: 0;
		transition: opacity 0.5s;
	}

	
	.question img {
		float:left;
		height:auto;
		width: 400px;
		margin-left:50px;
	}
		.answers {
			width:424px;
			float:left;
			list-style-type:none;
			margin:0;
			padding:0;
		}
		.answers ul {
			list-style-type:none;
			padding: 0;
		}
		.answers ul li {
			background-color:#fff;
			margin-bottom:20px;
			padding:10px;
			float:left;
			width:420px;
		}
		
		.answers ul li .option {
			background-image: url(../img/purple-dot.png);
			background-position: top left;
			background-repeat:no-repeat;
			height:22px;
			width:22px;
			float:left;
			color:#fff;
			font-size:0.8em;
			padding-left:7px;
			padding-top:2px;
		}
		
		.answers ul li a{
			float:right;
			width:390px;
			font-weight:bold;
			color: #333333;
			transition: all 0.5s;
		}
		
		.answers ul li:hover, .answers ul li.selected {
			background-color: #2184C5;
			transition: all 0.5s;
		}
		.answers ul li:hover a, .answers ul li.selected a{
			color:#fff;
			text-decoration:none;
			transition: all 0.5s;
		}
		
		.push-right .summary{
			opacity:1;
			transition: all 1s ease-in-out;
			transition-delay: 0s, 1s;
		}

		.summary {
			float:right;
			width:425px;
		    height: auto;
		    min-height: 560px;
			opacity:0;
		}
		
		
.quiz-summary {
	float:left;
	width:900px;
}		

.quiz-summary  img{
		float:left;
		height:auto;
		width: 400px;
		margin-left:50px;
		display:none;
		opacity:0;
        margin-bottom: 20px;
}	

.quiz-summary  img.active{
	display:block;
	opacity:1;
	transition: opacity 1s;
}


#low-score, #mid-score , #high-score {
	opacity:0;
	display:none;
	float:left;
	width:450px;
}

#low-score.active, #high-score.active, #mid-score.active  {
	display:block;
	opacity:1;
	transition: opacity 1s;
}

h2.blue {
	color:#2184C5;
}
h2.larger {
	font-size:2em;
}

.nextQ {
	background-image: url(../img/continue.png);
	height:35px;
	float:left;
	background-position:100%;
	background-repeat:no-repeat;
	font-size:1.8em;
	font-weight:bold;
	padding-right: 45px;
	padding-top:0px;
	padding-bottom:10px;
	
}

.tryAgain {
	background-image: url(../img/continue.png);
	height:35px;
	float:left;
	background-position:100%;
	background-repeat:no-repeat;
	font-size:1.4em;
	font-weight:bold;
	padding-right: 45px;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:20px;
}

.bar {
	margin-top:20px;
	width:100%;
	float:left;
	height:25px;
	background-image: url(../img/bar-back.png);
	background-repeat: repeat-x;
}

.bar-width {
	width:0px;
	height:8px;
	border-top:6px solid #eaebeb;
	border-bottom:5px solid #eaebeb;
	background-color:purple;
	float:left;
	transition:all 1s;
}

.floater {
	background-image: url(../img/purple-dot.png);
	position:absolute;
	left:0;
	width:22px;
	height:22px;
	margin-left:0px;
	margin-top:-2px;
	transition:all 1s;
	
	
}

.floater span {
	float:left;
	margin-top:25px;
	font-weight:bold;
	width:50px;
	margin-left:-50%;
	text-align:center;
}


.page-editor ul.question-set {
	height:auto;
}

.page-editor ul.question-set  li.question{
	height:auto;
	float:left;
	opacity:1;
}

.page-editor ul.question-set  li.question .moving-area{
	height:auto;
	float:left;
	width:100%;
	overflow:visible;
	position:relative;
	opacity:1;
}

.page-editor ul.question-set  li.question .moving-area .summary {
	height:auto;
	opacity:1;
}

.page-editor ul.question-set  li.question ul li:hover {
	background-color: #fff;
}

.page-editor ul.question-set  li.question ul li:hover  a{
	color:black;
}

.pageEditorMessage, .pageEditorScore {
	float:right;
	width: 390px;
	margin-top:1em;
}

.page-editor #low-score, .page-editor #high-score {
	display:inline;
	height:auto;
	opacity:1;
}