#content .container { max-width: 67em; }

.welcome.modal h2 { text-align: center; }
.welcome.modal .legend { display: block; }

.progress { margin: 1em 0 0 0; padding: 0; text-align: center; }
.progress li { display: inline-block; list-style: none; margin-right: 1px; }
.progress li a { border: none; border-radius: 3px; color: #e3decf; display: block; line-height: 2em; text-align: center; vertical-align: middle; width: 2em; }
.progress li a:hover { background: rgba(30,92,130,.7); color: #fff; }
.progress .complete a { background-color: #e3decf; }
.progress .current a { background-color: rgba(30,92,130,.7); color: #fff; } /* #1e5c82 */
.progress .correct a { background: rgba(191,229,191,.7) url(/includes/img/etc/icons/silk/accept.png) center center no-repeat; } /* #bfe5bf */
.progress .incorrect a { background: rgba(242,191,191,.7) url(/includes/img/etc/icons/silk/exclamation.png) center center no-repeat; } /* #f2bfbf */
.progress .complete a b { opacity: 0; }
.progress .complete a:hover b { opacity: 1; }

.source { background-color: #f7f7f7; border: 1px solid #e3decf; font-size: 1.1em; margin: 0 0 2em 0; padding: 1em; } /* faf5e6 f2edde; border: 1px solid #e3decf; */
.source h3 { clear: none; color: #3b3831; font-size: 1em; font-weight: normal; margin: 0 0 .5em 0; text-transform: none; }
.source .cover { border: none; height: 200px; padding: 0; }
.source .excerpt { background: none; border: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 1em 0; padding: 0; }
.source .excerpt p { margin: 0 0 1em 0; }
.source .figure { background-color: #fff; border: 1px solid #333; margin: 0 0 2em 0; padding: 1em; }
.source .figure img { border: none; float: none; height: auto; padding: 0; }
.source .works-cited { border-top: 1px solid #e3decf; clear: both; color: #97907e; font-size: .9em; line-height: 1.3em; margin: 1em 0 0 0; padding: 1em 0 0 0; } /* 6a6360 */
.source .works-cited .citation { margin: 0; padding: 0 0 0 3em; text-indent: -3em; }

.sample { margin: 0; }
.sample h3 { border-top: 1px solid #b18726; margin: .5em 0 0 0; padding: .5em 0 0 0; }
.sample blockquote { background-color: #fff; border: none; border-color: #bdb8ac #e3decf #e3decf #bdb8ac; color: #000; font-family: Times, "Times New Roman", serif; font-size: 1.2em; margin: .5em 0; }
.sample blockquote p { margin: 0 auto;  max-width: 32em; }
.sample blockquote p .pull { color: #97907e; }

.q::after { clear: both; content: ''; display: table; }
.q form { margin: 0; }
.q fieldset { border: none; margin: 0; padding: 0; }
.q .q-prompt { margin: 0 0 1em 0; }
.q-prompt button { padding: .3em 1em; }
.q-prompt button::before, .q-prompt button::after { content: ''; }
button[disabled]::after { display: none; }
x.q .feedback { margin: 1em 0; }
.q .feedback h4 { border: none; margin: 0 0 .5em 0; padding: 3px 0 3px 20px; }
.q .feedback p { margin: 0 0 1em 0; }
.q .feedback .next { margin: 0; text-align: right; }
.q .feedback .button { margin: 0; }
x.q .modal button { display: block; }
.q .correct h4 { background: url(/includes/img/etc/icons/silk/accept.png) no-repeat 0 50%; color: #090; }
.q .incorrect h4 { background: url(/includes/img/etc/icons/silk/exclamation.png) no-repeat 0 50%; color: #c00; }

x.app #content .next { margin: 4em 0 0 0; }

.report .record { margin: 0 0 3em 0; }
.report .record li { list-style: none; margin: 0 0 1px 0; }
.report .record li a { border: none; color: #000; display: block; font-weight: bold; padding: .5em 0 .5em 2.5em; }
.report .correct a { background: #bfe5bf url(/includes/img/etc/icons/silk/accept.png) no-repeat .75em 50%; }
.report .correct a:hover { background-color: #090; color: #fff; }
.report .incorrect a { background: #f2bfbf url(/includes/img/etc/icons/silk/exclamation.png) no-repeat .75em 50%; }
.report .incorrect a:hover { background-color: #c00; color: #fff; }
.report .record .response { display: none; }
.report .share h4 { background: url(/includes/img/etc/icons/silk/email_open.png) no-repeat 0 45%; color: #369; margin: 0 0 .5em 0; padding: 3px 0 3px 20px; }

x.interstitial .next { display: none; }
.pt .modal h2 { margin: 0 0 .5em 0; }
.modal .action { padding: 1em 0 0 0; }

@media only screen and (min-width: 480px){

	.source .cover { float: left; margin: .25em 1em 1em 0; }
}
@media only screen and (min-width: 800px){

	.progress { margin: 0; position: absolute; top: 3.7rem; right: 3rem; text-align: left; }
	#content:not(:has(.platen h2)) .progress
	{
		top: 2.8625rem;
	}
	.source { padding: 2em; }
	.source .cover { float: left; margin: .25em 0 2em 0; }
	.source .excerpt { margin: 0 0 2em 155px; }
	.sample blockquote { margin: 1em 0; }
	.sample blockquote p { margin: 1em auto; }
}