nav {
	float: right;
	width: 70%;
	text-align:center;
}

nav a {
	float: left;
	margin: 0 1.7%;
	padding: 25px 2%;
	width: 17%;
	overflow:visible;
}

.audio_dir {
	display:none;
}

.word_common {
	display:none;
}

.jrscreen {
	display:none;
}

.help_arrow {    
	position:absolute;
	display:none;
	opacity:0;
	width:46px;
	height:53px;
	top: -30px;
}

.bnext .help_arrow img, .bprev .help_arrow img, .bplay .help_arrow img {    	
	width:46px;
	height:53px;
}

.bok, .bprev, .bnext, .bplay, .btnSkip {
	position:relative;
}

.bplay, .btnSkip {
	display:none;
}

.quest_label, .ans, .bquest_comp, .answ_box {
	position:relative;
}

.quest_label .help_arrow, .ans .help_arrow, .bquest_comp .help_arrow, .answ_box .help_arrow {
	display:none;
	top: -60px;	
}

.bprev img {
	width:10px;
	height:18px;
	border:none;
}

.bnext img {
	width:10px;
	height:18px;
	border:none;
}

.header-container .li_bok {
	display:none;
}

.main aside .video_word_common video {
	display: none;
	width: 100%;
}

#id_tb_image {
	float:right;	
	margin-left:10px;
}

.audio_alpha {
	display:none;
}

#s_3 #savefinished {
	display:none;
}

#tfTest {	
	text-align:left;
}

#tfTest a {
	text-decoration:none;
	color:#000000;
	font: 26px/26px Helvetica, Helvetica Neue, Arial;
}

#tfTest a.active,
#tfTest a:hover {	
	color:#ff0000;
}

.v_spacer {
	width:1px;
	height:40px;
}

.h_spacer {
	display:inline-block; *display:inline; *zoom:1;
	width:30px;
	height:1px;
}

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

/* =======
    SMALL
   ======= */

	.bclose_full, 
	.bquest_full, 
	.bskip_full {
		display:none;
	}

	.bclose_tiny, 
	.bquest_tiny, 
	.bskip_tiny  {
		display:block;
	}

	.title {
		float:none;
	}

	nav {
		width:100%;
	}

	nav a {
		min-width:30px;
	}
		
	#id_tb_image {
		max-width:180px;
	}

	.v_spacer {
		
	}

	.h_spacer {
		
	}

	.main aside {
		
	}

}

@media only screen and (max-height: 480px) {

/* ==============
    INTERMEDIATE
   ============== */

	#id_tb_image {
		max-width:180px;
		max-height:180px;
	}

	.main aside {
		margin-top:-30px;
	}

}

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

/* ==============
    INTERMEDIATE
   ============== */

	.v_spacer {
		
	}

	.h_spacer {
		
	}

	#id_tb_image {
		margin-top:-20px;
	}

	.main aside {
		
	}

	#tfTest a {
		font: 32px/32px Helvetica, Helvetica Neue, Arial;
	}

}

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

/* ======
    WIDE
   ====== */

	.v_spacer {
		
	}

	.h_spacer {
		
	}

	#id_tb_image {
		margin-top:0px;
	}

}

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

/* ===============
    Maximal Width
   =============== */

	.v_spacer {
		
	}

	.h_spacer {
		
	}

	.main aside {
		margin-top:0px;
	}

}