@charset "utf-8";

.fragment {
	color:white; background-color: #0070ff!important;
}
.navBtn {
	border: solid 2px #0070ff!important; 
	color: #0070ff!important; background-color: white;
		-moz-box-shadow: 4px 4px 0px 0px #0070ff!important;
  -webkit-box-shadow: 4px 4px 0px 0px #0070ff!important;
  box-shadow: 4px 4px 0px 0px #0070ff!important;
}
.navBtn:hover{
	color: white!important; background-color: #0070ff!important;
	border: solid 2px floralwhite!important;
}
.FuncButtonLetter { /* answer buttons */
	color:white; background-color: #0070ff!important;
	border:solid 2px DARKSLATEGRAY!important;
}
.FuncButtonLetter:hover {
	color:#2a52be!important; background-color: white!important;
	border:solid 2px #2a52be!important;
}
#StoryHighlighted {
	position:relative; min-width:100%;
	/*display:none;*/
}



.v-vlite {
	display: block; position: relative;
	height:100%;
}
.v-controlBar {
	background-color:darkslategray!important; opacity:0.25!important;
}
.v-progressBar {
	background-color:crimson!important;
}




#playMedia.disabled {
	background-color: dimgray; color: white;
	-moz-box-shadow: 4px 4px 0px 0px dimgray;
  -webkit-box-shadow: 4px 4px 0px 0px dimgray;
  box-shadow: 4px 4px 0px 0px dimgray;
	border: solid 2px silver;
}
#playMedia.disabled:hover {
	border: solid 2px floralwhite;
	background-color: white; color: dimgray;
}




@media screen and (max-width: 980px) {

}

@media screen and (max-width: 690px) {


}