@charset "UTF-8";

/* LEFT COLUMN
-------------------------------------------*/

.col-13-1 {
	margin-bottom: 10px;
	padding-top: 20px;
	}
	
	.quiz-intro-header {
		margin: 0 20px 12px 20px;
		}
		.quiz-intro-header h2 {
			margin-bottom: 2px;
			font: bold 19px/23px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color: #fff;
			}
		.quiz-intro-header h3 {
			font: bold 12px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			text-transform: uppercase;
			color: #fff;
			}
			
	.col-13-1 p {
		margin: 0 20px 12px 20px;
		font: normal 13px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #fff;
		}



/* RIGHT COLUMN
-------------------------------------------*/

.col-13-2 {
	margin-bottom: 10px;
	padding-top: 20px;
	}
	
	.numbers {
		margin: 0 0 12px -2px;
		height: 25px;
		}
		.numbers li {
			float: left;
			width: 35px;
			height: 25px;
			}
			.numbers span,
			.numbers a {
				display: block;
				width: 25px;
				height: 25px;
				text-align: center;
				color: #fff;
				font: bold 14px/25px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				background: url(/images/ltc/quiz-number-bg.png) no-repeat 0 -35px;
				}
			.numbers .current {
				background-position: 0 0;
				}
			.numbers .correct {
				background-position: 0 -70px;
				}
			.numbers .incorrect {
				background-position: 0 -105px;
				}
				
	.col-13-2 h3 {
		margin-bottom: 12px;
		color: #00A69C;
		font: bold 23px/26px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}
	.col-13-2 h3.correct {
		color: #8BC540;
		margin-bottom: 5px;
		}
	.col-13-2 h3.incorrect {
		color: #F16368;
		margin-bottom: 5px;
		}
	.col-13-2 h4.complete-link {
		padding-left: 2px;
		font: bold 14px/23px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #00A69C;
		}
		.col-13-2 h4.complete-link a {
			padding: 2px 19px 2px 0;
			color: #00A69C;
			background: url(/images/ltc/h3-link-arrow.png) no-repeat 100% 4px;
			*background-position: 100% 1px;
			}
		.col-13-2 h4.complete-link a:hover,
		.col-13-2 h4.complete-link a:focus {
			color: #00857D;
			background-position: 100% -196px;
			*background-position: 100% -199px;
			}
		
	.col-13-2 p {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 23px;
		}
		
	#answers {
		margin: 0 0 15px -8px;
		}
		#answers td {
			padding: 4px;
			vertical-align: middle;
			font: bold 16px/23px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			}
		#answers .selected td {
			background: #FFE482;
			color: #333;
			}
		#answers td {
			padding-right: 10px;
			}
		#answers .left-cell {
			padding-right: 0;
			width: 22px;
			text-align: center;
			}
		#answers .correct td {
			color: #fff;
			background: #8BC540;
			}
		#answers .correct .left-cell {
			background: #8BC540 url(/images/ltc/quiz-check-rev.png) no-repeat 75% 50%;
			}
		#answers .missed-correct td {
			color: #8BC540;
			}
		#answers .missed-correct .left-cell {
			background: url(/images/ltc/quiz-check.png) no-repeat 75% 50%;
			}
		#answers .incorrect td {
			color: #fff;
			background: #F16368;
			}
		#answers .incorrect .left-cell {
			background: #F16368 url(/images/ltc/quiz-x.png) no-repeat 65% 50%;
			}
			
	#submit-answer {
		display: none;
		margin-bottom: 10px;
		width: 136px;
		height: 20px;
		cursor: pointer;
		background: url(/images/ltc/submit-answer.png) no-repeat 0 -50px;
		}
	.es #submit-answer {
		width: 154px;
		background-image: url(/images/ltc/submit-answer-es.png);
		}
	#submit-answer:hover ,
	#submit-answer:focus {
		background-position: 0 -75px;
		outline: none;
		}
	.next-question {
		margin-bottom: 30px;
		width: 130px;
		height: 20px;
		cursor: pointer;
		background: url(/images/ltc/next-question.png) no-repeat 0 -50px;
		}
	.es .next-question {
		width: 164px;
		background-image: url(/images/ltc/next-question-es.png);
		}
	.next-question:hover,
	.next-question:focus {
		background-position: 0 -75px;
		outline: none;
		}
	.next {
		margin-bottom: 30px;
		width: 56px;
		height: 20px;
		cursor: pointer;
		background: url(/images/ltc/next.png) no-repeat 0 -50px;
		}
	.es .next {
		width: 86px;
		background-image: url(/images/ltc/next-es.png);
		}
	.next:hover,
	.next:focus {
		background-position: 0 -75px;
		outline: none;
		}
	#answer-message h4 {
		margin-bottom: 5px;
		font: bold 16px/23px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}
	#err-msg {
		float: left;
		margin: 0 0 0 -10px;
		padding: 0 10px;
		font: bold 14px/30px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		background: #FFE482;
		color: #333;
		}



/* SECTION-SPECIFIC STYLES
-------------------------------------------*/

.learn .col-13-1 {
	padding-bottom: 217px;
	background: #00A69C url(/images/ltc/quiz-intro-bg-myths.jpg) no-repeat 0 100%;
	}