html{
	/*Keeps Vert Scrollbar on in Firefox at all time and avoids image shifting- do not delete*/
	overflow:-moz-scrollbars-vertical;
	overflow-y: scroll;
}


#folktaleHTML5 {
	margin:0px auto 0px auto;
	padding:0px;
	width:650px;
	height:400px;
	background-image:url(../images/folktale/bg.png);
	
}
#folktaleTitleDiv{
	position:relative;
	left:145px;
	top:11px;
    font-family:Verdana, Geneva, sans-serif;
	font-size:18px;

}
#folktalePlayBtnDiv {
	position:relative;
	left:470px;
	top:-23px;
width:150px;
height:40px;	
}
#folktaleEnglishDiv {
	padding-top:5px;
	width:150px;
height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}
#folktaleNativeDiv  {
	width:150px;
height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}
#folktaleveritcalBarDiv {
	margin:0px;
	padding:0px;
	position:absolute;
	left:90px;
	top:4px;
	z-index:200;
	width:2px;
	height:15px;
}
#folktalePauseRestartBtnDiv {
	position:relative;
	left:505px;
	top:-20px;
width:60px;
height:40px;
display:none;

	
}
#folktaleSubTitleDiv  {
	position:relative;
	left:575px;
	top:-400px;
width:50px;
height:15px;	
}
#folktalePauseDiv  {
	margin:0px;
	padding:0px;
	width:60px;
height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}
#folktaleRestartDiv  {
	margin:6px 0px 0px 0px;
	padding:0px;
	width:60px;
height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}
#folktaleVideoDisplay{
	position:relative;
	left:13px;
	top:-17px;
	margin:0px;
	padding:0px;
width:624px;
height:340px;
}
#folktaleImageTitleCard {
	position:absolute;
	left:0px;
	top:0px;
margin:0px;
	padding:0px;
width:624px;
height:340px;
background-color:#F4F4F4;
cursor:pointer;

}
#folktaleVideoHTML5 {
	background-color:#F4F4F4;
	
}
#folktaleLoadStatusVideo{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
	margin:0px;
	padding:120px 0px 0px 0px;
width:624px;
height:220px;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#006;
background-color:#CCC;
display:none;
}
#folktaleSubTitleEngDiv {
	position:relative;
	left:-4px;
	top:0px;
	z-index:10000;
	margin:0px;
	padding:5px 12px 5px 12px;
	font-size:13px;
	color:#FFF;
	width:600px;
text-align:center;
}
#folktaleSubTitleTargetDiv {
	position:relative;
	left:0px;
	top:-40px;
	z-index:10000;
	margin:0px;
	margin:0px;
	padding:5px 12px 5px 12px;
	font-size:13px;
	color:#FFF;
	width:600px;
text-align:center;

}
#folktaleSubTitleText {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	
}
#folktaleSubTitleMenuDiv {
position:absolute;
	left:0px;
	top:20px;
	z-index:1000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	width:200px;
	background-color:#FFF;
	display:none;
	
}
#folktaleSubTitleMenuEngDiv {
	margin:0px 0px 0px 5px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	width:200px;
	color:#F00000;
	
}
#folktaleSubTitleOfftDiv {
	margin:0px 0px 0px 5px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	width:200px;
	color:#000000;
	
}
.folktaleSubtitleText {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	
}
#folktaleSubTitleMenuTargetDiv {
	margin:10px 0px 10px 5px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	cursor:pointer;
	width:200px;	
	color:#000000;
}