@charset "UTF-8";
/* CSS Document */

#safe { display:none; }

#quiz-intro { margin: 15px auto; width: 580px; }
	
	#quiz-intro p { margin: auto 20px; }
	
	#quiz-intro h2 { margin: auto 10px; color: #7BA22E; }
	
/* #quiz-wrapper { text-align:center; display: none; } */

.quiz { margin: 0 auto; width:586px; height:auto; }

#quiz-nav { 
	height:40px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
	font-size: 18px; font-weight: bold; text-align:right;
}
	
	#quiz-nav ul { list-style:none; height:40px; width:580px; position:relative; right:10px; }
	#quiz-nav li { display:inline; padding:auto 10px; margin:auto 10px; color:#CCC; cursor: pointer; }
	#quiz-nav li:hover { color:#D7E5C4; }

#quiz-top { height:16px; width:586px; background:url(../img/quiz/top.jpg) 0 0 no-repeat; }

#quiz-middle { height:auto; width:588px; background:url(../img/quiz/middle.jpg) repeat-y 0 0;  }

#quiz-bottom { height:17px; width:586px; background:url(../img/quiz/bottom.jpg) 0 0 no-repeat;  }

.active-page { color:#9BBE6C !important; cursor: default !important; }

/* quiz formatting */

.question { width:100%; float:left; display:inline; height:auto; background:url(../img/quiz/middle.jpg) repeat-y 0 0; padding-bottom:20px; }

.two-cols { width:586px; float: left; display:inline;  }

	.col1 { width:313px; height: auto; float: left; display:inline; }
		.col1 p { margin:5px 0 5px 30px; text-align:left; background:#D7E5C4; padding:8px 15px; }
	.col2 { width:267px; height: auto; float: right; display:inline; }
		.col2 p { text-align:center; }
		
	p.gradient { margin:20px auto 10px;  }
	
	p.radios { text-align:center; }
	p.radios input { margin:auto 14px; }
	
.content-form-left p { margin-top: 2px;  }

/* jquery animation related */

.oa-submit input { float: right; display:inline; margin-left: 5px; }

#edit-details { display: none; }

#personal-info { overflow: hidden; }

#quiz-page-1, #quiz-page-2, #quiz-page-3 { overflow: hidden; }

.arrows { text-align: right; background:url(../img/quiz/middle.jpg) repeat-y 0 0; padding-bottom: 20px;
	overflow: hidden; float: left; display:inline; width: 100%; }
	
	.arrows img, .arrows input { float: right !important; display:inline; margin-left: 15px; margin-right: 15px; }
	
		#prev-arrow, #submit-assessment { display: none; cursor: pointer; }
		#mext-arrow { cursor: pointer; }
		

ul.results { list-style: none; }

div.meter { background: white; height: 20px; margin-left: 20px; margin-top: 2px; margin-bottom: 4px;
	-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; 
	-webkit-border-radius-bottomright: 10px; -webkit-border-radius-topright: 10px;  }

span.score { color: #265126; float: right; display:inline; margin-right: 5px; line-height: 21px; }

/* NEW */

#content { text-align: center; }

.green-top, .green-middle, .green-bottom, #quiz-intro { margin:0 auto 0 auto !important; text-align: left; }

#quiz-intro { padding: 15px; }

/* change in flow */

#section-text { margin-top: 20px; display: none; }