@charset "utf-8";

@font-face{
    font-family: 'Blinker';
    font-style: normal;
    src: local('Blinker'),
         url('Blinker.woff');
}

@font-face{
    font-family: 'Sintony-Bold';
    font-style: normal;
    src: local('Sintony-Bold'),
         url('Sintony-Bold.woff');
}

#frame1 {
	position:relative;
	width: 250px !important; height: 75px !important;
	margin: 0px auto 15px!important;
}

body{
	font-family: 'Blinker';
	background-color: #ffffff;
	color: #000000;
 	margin:0; padding: 0;
}

p{
	text-align: left;
	margin: 0px;
	font-size: 100%;
}

div,span,td{
	font-size: 100%;
	color: #000000;
}




.ExerciseTitle{
	font-size: 24pt; font-family: 'Sintony-Bold';
	color: black;
	text-align: center;
}

.ExerciseSubtitle{
	font-size: 120%;
	color: #000000;
}

#InstructionsDiv {
	background-color: #E4E4E4;
	padding: 0.5em;
	margin-bottom: 30px;
	border-left:solid 5px #5C5C5C;
	border-right:solid 5px #5C5C5C;
}
#Instructions{
	color: black;
	text-align: center;
	font-family: 'Sintony-Bold'; font-size: 12pt; line-height: 1.25;
}

div.StdDiv{
	background-color: white;
	text-align: center;
	padding: 30px 5px;
	/*border: solid 2px #5C5C5C;
	border-radius:0 0 12px 12px;*/
}


div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000000;
}
span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #000000;
}



div.Story {
	text-align: left;
	color: #000000; background-color: #FFFACD;
	font-family: 'Blinker'; font-size:17pt; line-height: 1.5; font-weight: bold;
	margin: 1em 1.5%; padding: 1em;
	border: solid thin #5C5C5C; border-radius:8px;
	-moz-box-shadow: 7px 8px 8px -6px black;
    -webkit-box-shadow: 7px 8px 8px -6px black;
    box-shadow: 7px 8px 8px -6px black;
}

.Label {
	display:inline-block;
	color: red;
	text-align: center;
	font-family: 'Sintony-Bold'; font-size: 15pt;
	margin: 0.5em auto 2em;
}
#ScoreBox {
	display:inline-block;
	color: white; background-color: red;
	text-align: center;
	font-family: 'Sintony-Bold'; font-size: 17pt;
	padding:2px 6px;
	border-radius:8px;

}



/* Begin Sequitur-specific css */


table.ExerciseTable{
	margin-left: auto; margin-right: auto;
	margin-bottom: 2.0em;
}

button#ShowWholeText{
	display: none;
}

/* End Sequitur-specific css */

.FuncButtonLetter {
	display: block !important; width:60px;
	text-align: center;
	color:white; background-color: slateblue;
	border:solid 2px darkslateblue;
	border-radius:8px 0 0 8px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
	font-size: 15pt; font-weight: bold;
	font-family: 'Blinker';
}
.FuncButtonLetter:hover {
	color:darkslateblue; background-color: white;
	border:solid 2px darkslateblue;
	border-radius:8px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
.Choice {
	font-size: 18pt; font-weight: normal;
	font-family: 'Blinker';
	color:black;
	border-bottom: solid thin #AAA0E2;
	padding: 1px 3px;
}


.FuncButton {
	display: inline; margin:10px;
	border: solid 1pt silver;
	border-radius: 0.5em;
	padding: 0.5em;
	min-width: 3em;
	color: black; background-color: white;
	font-family: 'Sintony-Bold'; font-size: 13pt;
	cursor: pointer;	
	box-shadow: 0.2em 0.3em 0.2em #7f7f7f;
}

.FuncButton:active {
	box-shadow: none;
}
.FuncButton:hover{
	color: white;
	background-color: black;
}

div.Feedback {
	position: absolute; display: none;
	width:45%;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	border-radius:8px; border: solid 3px brown;
	padding: 25px;
	text-align: center;
	font-family: 'Sintony-Bold';
	font-size:17pt; line-height: 1.5;
	background-color: CORNSILK;
}
.FeedbackText {
	color:black;
}

@media screen and (max-width: 980px) {
	div.Feedback {
		width: 50%;
		padding: 20px;
	}
	}
	
	@media screen and (max-width: 650px) {
#InstructionsDiv {
	font-size: 12pt;
}
button{
	font-size: 12pt;
	margin:0px 10px;
}
	
	div.Feedback {
		width: 75%;
		padding: 15px;
		font-size:16pt; line-height: 1.5;
	}
	}
	
	@media screen and (max-width: 480px) {
	div.Feedback {
		width: 80%;
		padding: 10px;
		font-size:16pt;	line-height: 1.5;
	}
	}