/** { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size: 14px; }*/
/*:focus{	outline: solid 2px green; outline-offset: 4px;}*/

#highlighterTool a {
	text-decoration: none;
}
.colLess > p:first-child, .colLeft > p:first-child, .colLeft > p:first-child, .textLeftTop > p:first-child {
	margin-top: 0;
	padding-top: 0;
}
#answer-only a {
	line-height: 1em;
}
/*body { background:#ffffff; }*/
/*#page-container { margin: 0px auto; width: 600px; background-color: #616161; padding: 0px 20px 20px 20px; position:relative; }
#page-container header { text-align: center; min-height: 36spx; }
#page-container header h1 { color: #ffffff; font-size: 20px; font-family: 'Arial Black', 'Arial Bold', sans-serif; font-weight: bold; padding-top: 4px}
#main-content { margin: 0px auto;  background-color: #ffffff; padding: 10px 15px 20px 15px; }*/
p#instructions { position: relative; text-align: left; padding-left: 40px; padding-top: 4px;}
p#instructions a { position: absolute; top: 0px; left: 0px; display: block; height: 28px; width: 32px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; overflow: hidden; }
p#instructions a.play{ background-image: url('../images/audio-on.png'); }
p#instructions a.playing{ background-image: url('../images/audio-off.png'); }

div#question-container{border: solid 2px #2691FF; border-radius: 10px; padding: 25px 20px 20px 20px; margin-top: 14px;}
div#question-container form {margin-top: 35px; padding-left: 160px;}
div#question-container form input[type="text"] {width: 140px; height: 25px; border: solid 2px #D0E0ED;}
div#question-container form input[type="text"].incorrect {border: solid 2px red;}
div#question-container form a {	display: inline-block; text-decoration: none; padding: 4px 4px; height: 18px; color: #000000; background-color: #2590ff; border: solid 2px #000000; text-transform: uppercase; border-radius: 6px; margin-left: 30px; }
footer {text-align: center;}
footer #print{ background-color: #2590ff; border: 2px solid #000000; border-radius: 6px; color: #000000; height: 18px; margin: 10px auto 0px auto; padding: 4px; text-decoration: none; text-transform: uppercase; display: inline-block;}

p#answer { display: none; margin: 15px 0px; padding: 15px 15px 20px 15px; background-color: #e6f0f9; border-radius: 15px; }
p#answer span.answer-label { display:block; font-weight: bold; margin-bottom: 10px; }

/*********** nav buttons *************/
nav {clear: both; margin-top: 40px; height: 20px; padding-top: 20px;}
nav a.nav { position:relative; float: left; margin-left: 20px; color: black; text-decoration: none; text-transform: uppercase; font-family: 'Arial Bold',Arial; font-weight: bold; font-size: 15px;}
nav a.nav.disabled {cursor: default; opacity: 0.5;}
nav a.nav:hover {color: #666;}
nav a.nav.disabled:hover {color: black;}
nav a.nav.next {float: right; margin-right: 20px;}
nav a.nav.next:before {content: ""; display: block; position: absolute; right: -25px; width: 0px; top: -1px; height: 0px; border-style: solid; border-width: 9px 0 9px 18px; border-color: transparent transparent transparent black;}
nav a.nav.next:after {content: ""; display: block; position: absolute; right: -21px; width: 0px; top: 2px; height: 0px; border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #007bff;}
nav a.nav.previous:before {content: ""; display: block; position: absolute; left: -25px; width: 0px; top: -1px; height: 0px; border-style: solid; border-width: 9px 18px 9px 0; border-color: transparent black transparent transparent;}
nav a.nav.previous:after {content: ""; display: block; position: absolute; left: -21px; width: 0px; top: 2px; height: 0px; border-style: solid; border-width: 6px 12px 6px 0; border-color: transparent #007bff transparent transparent;}

/*********** Print ***********/
@media print { 
	div#main-content p#instructions { display: none !important; }
	div#question-container form a { display: none !important; } 
	footer a#print { display: none !important; }
}